Careeroza
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 shopeaseExample 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-npmRun It
Example
cd shopease
npm run devExample 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.