DEV Community

Cover image for DEPLOY NEXT.JS APP TO VERCEL
Ha Tuan Em
Ha Tuan Em

Posted on • Updated on

DEPLOY NEXT.JS APP TO VERCEL

Someone want to me make a post for explain how to deploy NEXT.JS application to Vercel. Base on require of them I will make a post. Hope, it will help something to you.

I. Initial Next.js app or you can clone my shopping cart repository

create-next-app shopping-cart
Enter fullscreen mode Exit fullscreen mode

II. After creating your application, commit them to Github.

git add .
git commit -m "Complete project"
Enter fullscreen mode Exit fullscreen mode

III. Create project in Vercel

Create project

IV. Import project or you can search by name of repository.

import project

V. Configure application

  • You can add env as MONGOURI or SERECTKEY, ... in box Environment Variables.
  • Override command of application in box Build and Output Settings

Configure application

VI. Deploy and done

Deploy

  • Enjoy your time 🪴

Thank you for reading.


Buy me a coffee

Discussion (0)