18 - Launch and deploy a Next.js app in production on Vercel imported from Github
18 - Launch and deploy a Next.js app in production on Vercel imported from Github
► Check out https://screencasts.alterclass.io/ for more episodes!
► Learn to build your own production-ready React applications and become a successful React developer: https://alterclass.io/courses/react
► Be on top of the best and hottest web technologies: https://alterclass.io/the-modern-dev
—
Our Next.js application is now complete. We can show it to the world! How existing is that?
In this last lesson, we’ll deploy our application on the platform made for Next.js: Vercel.
Vercel is the easiest way to deploy a production-ready, highly available Next.js application, with built-in support for Next.js’ automatic static optimization and API routes.
In a few simple clicks, your application will be live!
Content
0.08 -> open your versal dashboard and click new
2.399 -> project
4.08 -> then after choosing your github account
6.08 -> from the drop down menu
7.44 -> import your git repository for the
9.12 -> project you want to deploy
10.639 -> next select the versal accounts you want
12.799 -> to use to deploy your project
14.799 -> specify a project name and make sure the
17.84 -> framework preset is set
19.279 -> to nexjs expand the environment variable
22.24 -> section
22.88 -> and add your variables here and finally
26.08 -> click deploy now your project is being
28.56 -> deployed
29.359 -> it will take a couple of seconds to a
31.199 -> minute or two
34 -> once it is done you can now visit your
36 -> deploy application
39.68 -> awesome you also have access to a
42.48 -> specific dashboard for your project
44.16 -> where you can check the status of your
45.6 -> deployments configure a custom domain
47.92 -> add analytics to your application
49.84 -> and a few other things
Source: https://www.youtube.com/watch?v=b16qzM229uU