Next.js Flashcard

Front

What is Next.js primarily used for?

Back

Server-side rendering and static site generation

Front

Which command is used to create a new Next.js project? Options: npx create-react-app my-app, npx create-next-app my-app, npm install next, npx new-next-app my-app

Back

npx create-next-app my-app

Front

What is the default routing mechanism in Next.js?

Back

File-based routing

Front

Which method is used for static site generation (SSG) in Next.js?

Back

getStaticProps

Front

What function is used to generate dynamic routes at build time in Next.js?

Back

getStaticPaths

Front

What is the default folder for storing API routes in Next.js?

Back

pages/api

Front

Which of the following is true about getServerSideProps? It runs at build time only, It fetches data on every request, It runs only on the client-side, It replaces useEffect for fetching data

Back

It fetches data on every request

Front

How do you enable image optimization in Next.js?

Back

Use next/image

Front

Which Next.js feature helps reduce JavaScript bundle size? Options: Dynamic imports, Client-side rendering, API routes, WebSockets

Back

Dynamic imports

Front

What is the purpose of middleware in Next.js?

Back

Modifying requests and responses before they reach the route handler