Creating a Project

Requirements

  • Node.js 20 or newer (node -v).
  • A terminal and VS Code.
  • Basic React knowledge (components, props, state).

create-next-app

Example

Run the official generator. It asks a few questions; the recommended answers are shown:

npx create-next-app@latest shopease

Example output

✔ Would you like to use TypeScript? … Yes
✔ Which linter would you like to use? … ESLint
✔ Would you like to use Tailwind CSS? … Yes
✔ Would you like your code inside a `src/` directory? … No
✔ Would you like to use App Router? (recommended) … Yes
✔ Would you like to use Turbopack? (recommended) … Yes
✔ Would you like to customize the import alias (`@/*` by default)? … No
Creating a new Next.js app in /home/ravi/shopease.

Installing dependencies:
- react
- react-dom
- next
...
Success! Created shopease at /home/ravi/shopease

Example

Or skip the questions with flags:

npx create-next-app@latest shopease --ts --tailwind --eslint --app --use-npm

Run It

Example

cd shopease
npm run dev

Example output

   ▲ Next.js 15.5.4 (Turbopack)
   - Local:        http://localhost:3000
   - Network:      http://192.168.1.8:3000

 ✓ Starting...
 ✓ Ready in 1.2s

Tip: Edit app/page.tsx and save: the browser updates instantly (Fast Refresh) without losing state.