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.