What is Nextjs

• Next.js is a React framework for building full-stack web applications. You use React Components to build user interfaces, and Next.js for additional features and optimizations.

Pre-Requisite Knowledge

• To get the most out of our docs, it’s recommended that you have a basic understanding of HTML, CSS, and React. If you need to brush up on your React skills, check out the React Foundations Course, which will introduce you to the fundamentals. Then, learn more about Next.js by building a dashboard application.

App Router vs Pages Router

• Next.js has two different routers: the App Router and the Pages Router. The App Router is a newer router that allows you to use React’s latest features, such as Server Components and Streaming. The Pages Router is the original Next.js router, which allowed you to build server-rendered React applications and continues to be supported for older Next.js applications.
• At the top of the sidebar, you’ll notice a dropdown menu that allows you to switch between the App Router and the Pages Router features. Since there are features that are unique to each directory, it’s important to keep track of which tab is selected.

recommended official document

• Installation
• Server-side Rendering (SSR)
• getServerSideProps
• styled-components
• Environment Variables

X-mind