How to create setup for Nextjs

 npx create-next-app@latest projectname
           
cd projectname
npm run dev

Understanding: Nextjs will start at 3000 port. To change the port from 3000 to seperate,
open the package.json and find "dev" in scripts tag and update with the below    
 "dev": "set PORT=2000 && next dev"

Extension for Visual Studio Code.
Simple React Snippets by Burke Holland

create a folder named component at root level

create Header Folder

create Header.js

create Footer Folder

create Footer.js

create Layout.js Write the below code.

import Header from "./Header/Header"

import Footer from "./Footer/Footer"

export default function Layout({children}) {

return (

  <>

   <Header />

   {children}

   <Footer />

</>

  )

}

 Update _app.js

import Layout from "../components/Layout"

 

<Layout>

        <Component {...pageProps} />

      </Layout>

Create Menu.js. In the menu file write the below code.

import { useRouter } from 'next/router'

const router = useRouter()

       const currentRoute = router.pathname

<li><Link href="/" ><a className={currentRoute === '/' ? 'active' : ''}>Home</a></Link></li>

  

create the file pages/_document.js

https://nextjs.org/docs/advanced-features/custom-document

Create a custom 404, 500 and _error.js pages.

create next.config.js on root level.