How to quickly deploy Next.js on web hosting?

@herminia_bruen 

To quickly deploy Next.js on web hosting, you can follow the steps below:

Step 1: Set up your Next.js project

• Make sure you have Node.js and npm installed on your system.
• Create a new Next.js project by running the following command in your terminal: npx create-next-app my-next-app
• Change directory to your project folder: cd my-next-app

Step 2: Build the Next.js app

• Build your Next.js app using the following command: npm run build This will create an optimized production build of your app in the .next folder.

Step 3: Choose a web hosting provider

• Select a web hosting provider that supports Node.js applications. Some popular options are Vercel, Heroku, and Netlify.

Step 4: Deploy the app Option 1: Vercel (formerly known as Zeit)

• Vercel provides an easy deployment process for Next.js apps with zero configuration.
• Install the Vercel CLI globally: npm i -g vercel
• Deploy your app by running the following command in your project directory: vercel
• Follow the prompts to sign in to your Vercel account and choose the deployment options.
• Once the deployment is complete, you will receive a deployment URL.

Option 2: Heroku

• Create a new Heroku app by running the following command in your project directory: heroku create my-next-app
• Add a Node.js buildpack to your Heroku app. This can be done using the following command: heroku buildpacks:add --index 1 heroku/nodejs
• Deploy your app to Heroku by running the following command: git push heroku main
• Once the deployment is complete, you will receive a deployment URL.

Option 3: Netlify

• Sign up for a Netlify account and create a new site from Git.
• Connect your app's repository to Netlify and configure the deployment settings.
• Build settings: Build command: npm run build Publish directory: .next
• Once the deployment is complete, you will receive a deployment URL.

That's it! Your Next.js app should now be deployed and accessible from the provided deployment URL.