📚 Deploy Nextjs app to github-pages with Github Actions

🕛 Zeit seit Veröffentlichung: 420 Tage, 10 Stunden 9 Minuten
📆 Veröffentlicht am: 20.02.2023 um 15:47 Uhr
💡 Newskategorie: Programmierung
🔗 Quelle: dev.to

Github made super easy to deploy nextjs app to github pages using Github Actions.

First let's create a nextjs app: npx create-next-app@latest. Follow all the steps to setup a new nextjs app.
Then go to github.com and create a new repository. I named my nextjs-my-app, you can name it whatever you want. Follow the steps to push an existing repository from the command line.
Now go the repository settings:

1. Go to Settings

1. From left side navigation go to Pages

1. On Build and deployment section for the source choose: Github Actions (beta)

1. Nextjs config section will show up. Click on configure.

1. Commit nextjs.yml auto generated file.

1. In few seconds you will see that deployment is done.
2. To see nextjs app live go to : https://[username].github.io/[repository-name]/ For me is: https://mentorkadriu.github.io/nextjs-my-app/

...