Creating a Simple NextJS App

Navigate to NextJS official website: https://nextjs.org/

Copy the create application command to your terminal.

npx create-next-app@latest
  • Typescript select No
  • ESLint select Yes
  • Tailwind CSS select No
  • src/ directory No
  • App Router? Yes
  • import alias? No

Change directory into your app.

Start the app, type the command: npm run dev

Open the project folder in your preferred text editor.

Client-side the visible content is generated & rendered on the client-side (by the client-side browser code)

The UI update is performed via client-side React code – the page is NOT reloaded or re-rendered on the server!