Next.js Quiz Next js Quiz 1 / 20What is Next.js? A JavaScript library for building user interfaces. A backend framework for Node.js. A framework for building server-side rendered React applications. A CSS preprocessor. 2 / 20Which company developed Next.js? Facebook Google Microsoft Vercel 3 / 20What is the default port for a Next.js development server? 8000 3000 5000 8080 4 / 20How do you create a new Next.js project? npm create-next-app my-app create-next my-app npx create-next-app my-app next new my-app 5 / 20What file is used to configure routes in a Next.js application? routes.js app.js pages/index.js There is no routing file; it uses file-based routing. 6 / 20How can you create a dynamic route in Next.js? By using curly braces in the file name, e.g., 'pages/post/{id}.js.' By using square brackets in the file name, e.g., 'pages/post/[id].js'. By creating a route configuration file. By using angle brackets in the file name, e.g., 'pages/post/.js'. 7 / 20What function is used to fetch data at build time in a Next.js static generation page? getInitialProps getServerSideProps getStaticProps getData 8 / 20What function is used to generate static paths for dynamic routes? getPaths getStaticPaths getDynamicPaths getServerPaths 9 / 20What function is used to fetch data at request time in a Next.js server-side rendering page? getInitialProps getServerSideProps getStaticProps getRequestProps 10 / 20How can you enable API routes in a Next.js application? By creating files inside the 'api' directory. By creating files inside the 'pages/api' directory. By configuring routes in 'next.config.js'. By installing an API routes plugin. 11 / 20Which hook is provided by Next.js to optimize images? useImage usePicture next/image Image 12 / 20How do you navigate programmatically in a Next.js application? 'useRouter' from 'react-router-dom' 'useNavigation' from 'next/navigation' 'useRouter' from 'next/router' 'useNavigate' from 'next/navigate' 13 / 20What command is used to build a Next.js application for production? next dev next build next start next export 14 / 20What is the purpose of next.config.js? To configure server routes. To extend and customize the configuration of a Next.js project. To configure database connections. To set environment variables. 15 / 20Which feature allows you to pre-render pages at build time and update them incrementally? Static Generation Server-Side Rendering Client-Side Rendering Incremental Static Regeneration 16 / 20How can you add global CSS styles to a Next.js application? By importing the CSS file in 'pages/_app.js'. By importing the CSS file in 'pages/index.js' By creating a 'styles/global.css' file. By adding a 'global.css' file to the 'public' directory. 17 / 20What is the role of pages/_document.js in a Next.js application? To customize the HTML document structure. To configure server-side data fetching. To define global styles. To manage API routes. 18 / 20How can you handle redirects in Next.js? By using the 'next/router' library. By adding a 'redirects' function in 'next.config.js'. By creating a '_redirects' file in the 'public' directory. By configuring redirects in 'pages/_app.js'. 19 / 20What is the purpose of Link component in Next.js? To create external links. To enable client-side navigation between routes. To link CSS files. To handle API requests. 20 / 20How do you perform static export in Next.js? By running 'next export' after 'next build'. By running 'next dev'. By configuring 'export' in 'next.config.js'. By using the 'staticExport' command. Your score isThe average score is 0% 0% Restart quiz
