Deploy NextJS to Github Pages With CICD | Free NextJS Hosting on GitHub

In this tutorial, I am gonna take you through how to deploy your nextJS Application to Github Directly instead of hosting it to Vercel and any other cloud provider you can directly host your JAM stack and other static generator sites on GitHub pages directly.
My username: @itsmaheshkariya
#NextJS #GithubPages #MaheshKariya

[@coelhoreinaldo]

Thanks! I spent the day reading a lot trying to deploy my portfolio and your video helped me in just 7 minutes.

[@maheshkariya]

Thanks

[@sumit_mestry]

Thank You , Because of you I was able to deploy my first next js project in hassle free way !

[@daviddiaz6279]

Thank you so much ! I was having a lot of problems deploying my project and you just solve it in a really easy way ! Hope to see more content about Nextjs

[@maheshkariya]

Thanks

[@Max-lw7dn]

Thank you! I was struggling to deploy my Next.js app, now works perfectly fine :)

[@maheshkariya]

Thanks

[@그르릉왈왈]

In my case, an error occurred in the process of building after setting up github action. This is resolved by setting the `const nextConfig = { output: 'export', }` to the 'next.config.js' in the file. I hope it could be helpful and thank you for posting useful videos.

[@pyerter]

Thanks for that! That helped my exact problem, everything else worked out smoothly.

[@tokemaster007]

This was very helpful bro!

[@onurtravels]

This was really helpful, thanks!

[@maheshkariya]

Glad you like it

[@estefonokaleidos3355]

Really thanks!!! ♥

[@anthonyoppus7397]

thank you so much It help a lot

[@maheshkariya]

You're welcome!

[@muhammadhilal5807]

Thankyou

[@maheshkariya]

Glad you enjoyed

[@WiLLo1987]

Thanks for that!

[@jamilkeith6415]

Finally the crabburguer formula

[@diegosavari4032]

First of all, thank you very much, through your video I was able to deploy my website on git pages, however, the images and fonts of my project were not loaded, do you know how to solve this?

[@maheshkariya]

Path issues seems like

[@Preotasherpa]

I am facing the same issue. I think somewhere image optimization needs to be defined.

[@gustavocoutinho6800]

Thanks bro!

[@mdtausifiqbal]

How to configure deployment with environment variables

[@maheshkariya]

GitHub secret store

[@3EMW_Entertainment]

How can i link to my domine after deployment in GitHub

[@anmolthedeveloper]

Show how to deploy an app that uses basic CRUD with mongodb

[@javeedishaq7643]

thanks a lot

[@ranjitsinghchouhan6077]

Hi @Mahesh, I am using json-server for BE, but it is throwing an error that it did not recognize json-serve even after providing the npm i json-server line in CICD. Can u please tell how can we overcome this?

[@HumVishnuSingh]

Hi @Mahesh, first of all thanks for this informative video
my question is can we deploye nextjs app with app directory (not with pages dir) on github pages?
Please answer, I'm waiting for your answer.
Thanks

[@maheshkariya]

Name doesn’t matter bro 🙂

[@환이-f6w]

hi PageNotFoundError: Cannot find module for page: /
I am currently using next 13 appDir, what could be the problem??

[@Ranalp6603]

I also have the same problem. Next Export is not yet supported for app dir.

[@admirecreations_tech]

This is pretty cool but I just checked out and github codespace/action don't work in my region (india). So its not suitable for a production ready hosting.

[@maheshkariya]

FYI I am from India 🇮🇳 as well

[@admirecreations_tech]

@@maheshkariya It will work but you won't get the best performance. Github actions uses github codespace instances, and it run in south east asian countries which doesn't include india.

[@maheshkariya]

Thanks for information ℹ️

[@muhammadsyifasuryasaputra5250]

Selamat Thanks

[@mamupelu565]

What about gitlab? Can you deploy?

[@khizrerah3735]

404 error sir index.html req..

[@ryuske_edits]

add output: "export" to next config

[@ThisIsAhn]