DEV Community

Cover image for Hello Next.js!
Tatsu@Tokyo🇯🇵
Tatsu@Tokyo🇯🇵

Posted on

Hello Next.js!

#nextjs

Create Next.js Project

Just type

npx create-next-app project-name

Directory

project-name
  ┣ node_modules/
  ┣ public/
  ┃ ┣ favicon.ico
  ┃ ┗ versal.svg
  ┣ pages/
  ┃ ┣ api/
  ┃ ┃ ┗ helle.js
  ┃ ┣ _app.js
  ┃ ┗ index.js
  ┣ styles/
  ┃ ┣ global.css
  ┃ ┗ Home.module.css
  ┣ package.json
  ┣ package-lock.json
  â”— README.md

Hello Next.js 

npm run dev

Access localhost:3000, then you can see a welcome page

Alt Text

Top comments (0)

Read next

fabrikapp profile image

The Evolution of Next.js: A Deep Dive into the Latest Updates Since Version 14.2

Fabrikapp -

ramunarasinga profile image

Tips from open-source: An Object with Map and Set.

Ramu Narasinga -

samuellubliner profile image

Fetching Data (Next.js)

Samuel Lubliner -

benburkert profile image

HTTPS on Localhost with Next.js

Ben Burkert -