(CI/CD): Deploy Next.js (SSG) to GitHub Pages using GitHub Actions

Опубликовано: 28 Август 2020
на канале: Bruno Antunes

18,804

608

In this video, we are going to deploy a Next.js (SSG) application to GitHub Pages using GitHub Actions (CI/CD).

Make sure you can run "npm run build && npm run export" in your application. Only Static sites/applications can be deployed to GitHub Pages. If you need a server running (because you use getInitialProps, getServerSideProps or fallback:true) you may consider other options like Vercel, Azure, AWS, etc...

During the video, we will see how to use environment variables in GitHub actions as well.

----
Timeline:
00:00 Introduction
01:25 GitHub Actions first steps
06:21 First GitHub Actions job completed
06:54 Setup GitHub Pages in repository settings
08:10 See the results of the first deployment
08:57 Next.js assetPrefix explanation
09:52 Next.js basePath explanation
10:38 Implement assetPrefix and basePath in next.config.js
11:34 Fix images URL
12:59 Second GitHub Actions job completed
13:45 Disable jekyll from running on GitHub Pages deployments with .nojekyll file
15:40 Third GitHub Actions job completed
15:52 Fix images url location with prefix
17:48 Fix favicon location
18:04 Setup environment variables
21:55 Change GitHub Actions command names
23:18 Conclusions and questions to you :)

----
Repository: https://github.com/bmvantunes/youtube...
----
Deployed App: https://bmvantunes.github.io/youtube-...
----
YouTube Video building the microphone store:    • Next.js Tutorial - Part 8 | Static Si...
----
npm ci: https://docs.npmjs.com/cli/ci.html
----
Link to GitHub actions: https://github.com/features/actions
----
GitHub Actions Deploy to GitHub Pages: https://github.com/marketplace/action...
----
GitHub Actions environment variables: https://docs.github.com/en/actions/co...
----
favicon "shortcut icon" screenshot url: https://en.wikipedia.org/wiki/Favicon
----

----
Follow me on:
Twitter:   / bmvantunes
Dev.to: https://dev.to/bmvantunes
Website: https://brunoantunes.net
Github: https://github.com/bmvantunes
LinkedIn:   / bmvantunes

Смотрите видео (CI/CD): Deploy Next.js (SSG) to GitHub Pages using GitHub Actions онлайн без регистрации, длительностью часов минут секунд в хорошем качестве. Это видео добавил пользователь Bruno Antunes 28 Август 2020, не забудьте поделиться им ссылкой с друзьями и знакомыми, на нашем сайте его посмотрели 18,804 раз и оно понравилось 608 людям.

543