Deploy a Next.js 13 Application to Vercel
The next step is to deploy our front end to vercel. First we push our next app to GitHub then we create a new project on vercel, we set our environment variables and deploy our app. Once deployed we can see our app live on the web.
Instructor: [0:00] We want to deploy our Next.js application to Vercel. To do that, we first need to push our Next.js 13 application to GitHub. In our terminal, we'll stop our server and initialize a new git repository with git init. Say git add or say git status. Then git commit to Vercel.
[0:25] On GitHub, we'll create a new repository called modern-cms-prod and create the repository. Already, git committed. We'll say branch in git origin. Then we'll push origin. Now we check GitHub. Our application should be deployed.
[0:56] We'll open vercel.com. On Vercel, we'll add a new project. Now, when we search modern-cms-prod, I will import that project where my preset will be Next.js. I will add an environment variable of API URL and paste my Heroku app domain name and deploy.
[1:31] Now my website is available. When I click visit, I get to see my posts. I say next, and next page, and previous page. I can click on individual posts. I have them in markdown, back.
[1:48] That is how you deploy your Next.js 13 application with Strapi to Vercel.
Member comments are a way for members to communicate, interact, and ask questions about a lesson.
The instructor or someone from the community might respond to your question Here are a few basic guidelines to commenting on egghead.io
Be on-Topic
Comments are for discussing a lesson. If you're having a general issue with the website functionality, please contact us at support@egghead.io.
Avoid meta-discussion
Code Problems?
Should be accompanied by code! Codesandbox or Stackblitz provide a way to share code and discuss it in context
Details and Context
Vague question? Vague answer. Any details and context you can provide will lure more interesting answers!