$ npx create-next-app@latest <dir>

On installation, you'll see the following prompts:

$ What is your project named? my-app

$ Would you like to use TypeScript? No / Yes

$ Would you like to use ESLint? No / Yes

$ Would you like to use Tailwind CSS? No / Yes

$ Would you like to use `src/` directory? No / Yes

$ Would you like to use App Router? (recommended) No / Yes

$ Would you like to customize the default import alias (@/*)? No / Yes

$ What import alias would you like configured? @/*

After the prompts, `create-next-app` will create a folder with your project name and install the required dependencies.

Scripts :

• - dev : runs next dev to start development server.
• - build : runs next build to build the application for production usage.
• - start : runs next start to start a Next.js production server.
• - lint : runs next lint to set up Next.js's built-in ESLint configuration.

Run Development Server

• Run npm run dev to start the development server.
• Visit http://localhost:3000 to view your application.
• Edit app/page.tsx (or pages/index.tsx) file and save it to see the updated result in your browser.