{"id":2953,"date":"2026-05-28T21:13:00","date_gmt":"2026-05-28T21:13:00","guid":{"rendered":"https:\/\/www.areaweb.sk\/?p=2953"},"modified":"2026-05-29T16:01:40","modified_gmt":"2026-05-29T16:01:40","slug":"hostcreators-github-deploy-nextjs","status":"publish","type":"post","link":"https:\/\/www.areaweb.sk\/cs\/hostcreators-github-deploy-nextjs\/","title":{"rendered":"Nasadenie Next.js a React z GitHubu na HostCreators (GIT Build &#038; Deploy)"},"content":{"rendered":"<h2 class=\"wp-block-heading\">GIT Build &#038; Deploy v skratke<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Namiesto ru\u010dn\u00e9ho nahr\u00e1vania s\u00faborov prepoj\u00edte <strong>dom\u00e9nu s GIT repozit\u00e1rom<\/strong>. Ka\u017ed\u00fd push do zvolenej vetvy spust\u00ed webhook: klon aktualiz\u00e1cie, build pr\u00edkazy (Composer, <code>npm install<\/code>, vlastn\u00e9 skripty) a deploy do produk\u010dn\u00e9ho adres\u00e1ra. Ofici\u00e1lna n\u00e1poveda: <a href=\"https:\/\/static.hostcreators.sk\/pomoc\/git-build-deploy\/\" rel=\"noopener\" target=\"_blank\">GIT Build &amp; Deploy<\/a>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">\u010co pripravi\u0165 v repozit\u00e1ri<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Funk\u010dn\u00fd <code>package.json<\/code> so skriptom <code>build<\/code>.<\/li>\n<li>Pre Next.js: rozhodnutie medzi statick\u00fdm exportom (<code>output: export<\/code>) nebo Node serverom \u2013 p\u0159i serveri budete po build-e sp\u00fa\u0161\u0165a\u0165 proces cez SSH (Node je na hostingu k dispoz\u00edcii).<\/li>\n<li>Premenn\u00e9 prostredia (.env) \u2013 na HostCreators ich viete nastavi\u0165 v konfigur\u00e1cii GIT deployu.<\/li>\n<li>Vetva <code>main<\/code> alebo <code>production<\/code>, na ktor\u00fa navia\u017eete webhook.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Postup vo WebAdmine<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Dom\u00e9na nebo subdom\u00e9na \u2192 sekcia GIT \/ Build &amp; Deploy.<\/li>\n<li>Autoriz\u00e1cia vo\u010di GitHubu (nebo GitLab\/Bitbucket).<\/li>\n<li>V\u00fdber repozit\u00e1ra a vetvy.<\/li>\n<li>Defin\u00edcia build pr\u00edkazov, napr. <code>npm ci<\/code> a <code>npm run build<\/code>.<\/li>\n<li>Cie\u013eov\u00fd adres\u00e1r pod\u013ea <code>document_root<\/code> (pre statick\u00fd front-end \u010dasto <code>out<\/code> alebo <code>dist<\/code>).<\/li>\n<li>Testovac\u00ed push \u2013 overenie logu buildu a funk\u010dnosti webu.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">V\u00fdhody oproti manu\u00e1lnemu FTP<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>\u017diadne zabudnut\u00e9 s\u00fabory \u2013 v\u017edy nasad\u00edte cel\u00fd commit.<\/li>\n<li>Rovnak\u00fd postup pro cel\u00fd t\u00edm \u2013 v\u00fdvoj\u00e1ri pushuj\u00fa, server build\u00ed.<\/li>\n<li>Na jednom hostingu m\u00f4\u017eete ma\u0165 WordPress na hlavnej dom\u00e9ne a React\/Next na subdom\u00e9ne.<\/li>\n<li>S\u00fa\u010das\u0165 be\u017en\u00e9ho bal\u00ed\u010dka \u2013 nemus\u00edte dokupova\u0165 \u201eNode hosting\u201c ako u niekter\u00fdch zahrani\u010dn\u00fdch panelov.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Ak spravujete aj WordPress na tom istom \u00fa\u010dte, kombinujte GIT deploy pro front-end a <a href=\"https:\/\/update.hostcreators.sk\/pomoc\/ssh\/podpora-wp-cli.html\" rel=\"noopener\" target=\"_blank\">WP-CLI cez SSH<\/a> pre backend. Komplexnej\u0161\u00ed preh\u013ead n\u00e1strojov sme sp\u00edsali v \u010dl\u00e1nku <a href=\"https:\/\/www.areaweb.sk\/cs\/hostcreators-nodejs-nextjs-github-wp-cli\/\">HostCreators: Node.js, Next.js a WP-CLI<\/a>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Hosting so z\u013eavou<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Pre nov\u00fd hosting pou\u017eite <a href=\"https:\/\/www.hostcreators.sk\/webhosting\/?affil=9iHqjfod\" rel=\"sponsored noopener\" target=\"_blank\">tento partnersk\u00fd odkaz HostCreators<\/a> \u2013 z\u013eava <strong>10 %<\/strong> na webhosting. Po registr\u00e1cii si vytvorte SSH \u00fa\u010det a GIT prepojenie pod\u013ea krokov vy\u0161\u0161ie.<\/p>\n\n\n\n<div class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link wp-element-button\" href=\"https:\/\/www.hostcreators.sk\/webhosting\/?affil=9iHqjfod\" rel=\"sponsored noopener\" target=\"_blank\">HostCreators webhosting \u2013 10 % z\u013eava<\/a><\/div>\n<\/div>\n\n\n\n<!-- cursor-seo-pass4 -->\n\n<h2 class=\"wp-block-heading\">Pr\u00edprava repozit\u00e1ra pro HostCreators GIT Build<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Repozit\u00e1r mus\u00ed obsahova\u0165 package.json so skriptom build (napr. <code>npm run build<\/code>) a v\u00fdstup do prie\u010dinka, kter\u00fd hosting o\u010dak\u00e1va (often <code>out\/<\/code> pre Next.js static export nebo <code>.next<\/code> pre Node server). Pridaj .nvmrc nebo v package.json engines s verziou Node, ktor\u00fa HostCreators podporuje \u2013 over v dokument\u00e1cii panelu.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Next.js static export vs Node server<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Static export (<code>output: 'export'<\/code>) je jednoduch\u0161\u00ed \u2013 po build nahraje\u0161 HTML\/JS\/CSS do public_html. Full Next.js s API routes vy\u017eaduje be\u017eiaci Node proces \u2013 HostCreators to podporuje na vybran\u00fdch bal\u00edkoch. Pre blog\/portfolio \u010dasto sta\u010d\u00ed static export + Cloudflare.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Environment variables a secrets<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Nikdy necommituj .env s API k\u013e\u00fa\u010dmi. V HostCreators paneli nastav env premenn\u00e9 pre produkciu. Pre Next.js pou\u017e\u00edvaj NEXT_PUBLIC_ prefix len pre hodnoty, ktor\u00e9 m\u00f4\u017eu by\u0165 verejn\u00e9 v bundle.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">CI\/CD workflow odpor\u00fa\u010dan\u00fd postup<\/h2>\n\n\n\n<ol class=\"wp-block-list\">\n\n<li>Push na main \u2192 automatick\u00fd build na HostCreators.<\/li>\n\n\n\n<li>Staging branch \u2192 subdom\u00e9na pro test p\u0159ed produkciou.<\/li>\n\n\n\n<li>Po deploye zkontroluj 404 na assets (\u010dasto zl\u00e1 basePath).<\/li>\n\n\n<\/ol>\n\n\n\n<h2 class=\"wp-block-heading\">Rie\u0161enie typick\u00fdch chyb deployu<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n\n<li><strong>Build failed npm<\/strong> \u2013 lok\u00e1lne spusti npm ci &#038;&#038; npm run build, oprav chyby TypeScript.<\/li>\n\n\n\n<li><strong>404 na \/_next\/static<\/strong> \u2013 zkontroluj basePath a assetPrefix v next.config.<\/li>\n\n\n\n<li><strong>Star\u00e1 verzia po deployi<\/strong> \u2013 vyma\u017e cache CDN a hard refresh.<\/li>\n\n\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">S\u00favisiaci preh\u013ead hostingu: <a href=\"https:\/\/www.areaweb.sk\/cs\/hostcreators-nodejs-nextjs-github-wp-cli\/\">HostCreators Node.js a WP-CLI<\/a>.<\/p>\n\n\n\n<!-- cursor-hub-link -->\n\n<h2 class=\"wp-block-heading\">V\u00edce WordPress n\u00e1vodov<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">V\u0161etky na\u0161e n\u00e1vody n\u00e1jde\u0161 na str\u00e1nke <a href=\"https:\/\/www.areaweb.sk\/cs\/wordpress-navody\/\"><strong>WordPress n\u00e1vody \u2013 kompletn\u00ed pr\u016fvodce<\/strong><\/a>.<\/p>","protected":false},"excerpt":{"rendered":"<p>Krok za krokem: prepojenie GitHub repozit\u00e1ra s dom\u00e9nou na HostCreators, npm build po pushi a nasadenie bez manu\u00e1lneho FTP. Vhodn\u00e9 pro React, Vite aj Next.js.<\/p>","protected":false},"author":1,"featured_media":2217,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[39,28],"tags":[],"class_list":["post-2953","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-deploy","category-js"],"blocksy_meta":[],"_links":{"self":[{"href":"https:\/\/www.areaweb.sk\/cs\/wp-json\/wp\/v2\/posts\/2953","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.areaweb.sk\/cs\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.areaweb.sk\/cs\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.areaweb.sk\/cs\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.areaweb.sk\/cs\/wp-json\/wp\/v2\/comments?post=2953"}],"version-history":[{"count":0,"href":"https:\/\/www.areaweb.sk\/cs\/wp-json\/wp\/v2\/posts\/2953\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.areaweb.sk\/cs\/wp-json\/wp\/v2\/media\/2217"}],"wp:attachment":[{"href":"https:\/\/www.areaweb.sk\/cs\/wp-json\/wp\/v2\/media?parent=2953"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.areaweb.sk\/cs\/wp-json\/wp\/v2\/categories?post=2953"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.areaweb.sk\/cs\/wp-json\/wp\/v2\/tags?post=2953"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}