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

anwersolangi profile image

How I Built My Developer Portfolio

Anwer Solangi -

probir-sarkar profile image

Next.js Interview Mastery: Essential Questions 61-70 (Part 7)

Probir Sarkar -

easyvipin profile image

Next.js Tutorial : Adding Navbar with active Styling in a Server Component Layout

Vipin Chandra -

itschrislojniewski profile image

Next js for E-Learning Platforms

Chris Lojniewski -