Deploy Frontend

Deploy frontend on Vercel

Deploying your Next.js application on Vercel is quick and easy. This guide will provide you with two ways to deploy your application: via the Vercel dashboard and via the CLI.

Option 1: Deploy via Vercel Dashboard

Step 1: Upload your Next.js project to GitHub or a similar version control system.

Step 2: Sign up for a Vercel account at in a new tab) (opens in a new tab).

Step 3: Add your project to Vercel by importing it from your version control system. Vercel will automatically detect that it is a Next.js application and create a build.

Step 4: Once the build is complete, Vercel will deploy your application and provide you with a URL to access it.

Option 2: Deploy via CLI

Step 1: Install the Vercel CLI by running the following command in your terminal:

npm install -g vercel

Step 2: Navigate to your Next.js project directory.

Step 3: Run the following command to deploy your application:


Step 4: Follow the prompts to configure your deployment settings, including your project name and environment variables.

Step 5: Once the deployment is complete, Vercel will provide you with a URL to access your application.


Congratulations! Your Next.js application is now deployed on Vercel. If you have any issues or questions, please refer to the official Vercel documentation or contact their support team.