Introduction

we all have heard about NextJs- most popular and flexible framework that eases your development for production . It helps to create web application faster with the following virtues:

• Hybrid satitc and SSR
• Supports Typescript
• Smart building
• Route pre-fetching
• No configuration needed

What Features does Next..js provide us?

These are feature that NextJs tutorial we will cover the following:

• Serve-side rendering
• Automatic code-splitting
• Static exporting options
• Easy production build

NextJS Tutorial Goal

In today's NextJS tutorial we will cover the following:

• Create NextJS App
• Pages and Basic Routing

Create a NextJS App

# Create a new NextJS app with npx

npx create-next-app <app-name>

# Create a new NextJS app with yarn

yarn create-next-app <app-name>

Here, we use the yarn command for creating our NextJS app. Follow the below command.

yarn create-next-app next-project-demo

/** project name : next-project-demo**/

Once done with the command, below would be the success response.

Run the NextJS Application

Use the below command to run our application just to test it.

yarn dev // run next.js project

Your browser/page will look something like this.

Conclusion

We hope the NextJS blog has helped you to get started with NextJS- Reactjs framework. We will surely come up with interesting and informative NextJS blog soon. and if you want to buid a website in nextjs or reactjs then contact us - https://www.getcodework.com/contact.