DEV Community

Rohit Kumar yadav
Rohit Kumar yadav

Posted on

2 1

Next.js - Introduction

What is Next.js?
Next js is React Based Web framework with server side rendering capability. It is very fast and SEO Friendly.

Prerequisites
For starting this you have basic knowledge of JavaScript and React.

Setup
To install and create a Next.js projet you can use the handy node npx command 'create-next-app my-app-name'.

$ npx create-next-app my-app-name
# or
$ yarn create next-app
Enter fullscreen mode Exit fullscreen mode

If you want to start with a TypeScript project you can use the --typescript flag:

$ npx create-next-app@latest --typescript
# or
$ yarn create next-app --typescript

Enter fullscreen mode Exit fullscreen mode

Once the app is created you can launch it

Run npm run dev or yarn dev to start the development server on http://localhost:3000.
Visit http://localhost:3000 to view your application.
Edit pages/index.js and see the updated result in your browser.

Top comments (1)

Collapse
 
maher_naija_b432e8e4557cc profile image
maher naija

i have made this boilerplate that aggregates all github boilerplates: github.com/maher-naija-pro/Best-Ne...

A Workflow Copilot. Tailored to You.

Pieces.app image

Our desktop app, with its intelligent copilot, streamlines coding by generating snippets, extracting code from screenshots, and accelerating problem-solving.

Read the docs

👋 Kindness is contagious

Please leave a ❤️ or a friendly comment on this post if you found it helpful!

Okay