NEW
Font size
WorksheetsAdvanced - Middle Module Evaluation
Total questions: 22
Worksheet time: 22mins
What command is used to create a new project in Next.js?
npm install next
next start
npx create-next-app@latest
next build
Which of the following features is NOT specific to Next.js?
Static Site Generation (SSG)
Native use of Angular
Server-Side Rendering (SSR)
Support for TypeScript
What is the main advantage of using the Next.js Image API?
Improved State Management
Easy Implementation of Image Galleries
Better Code Splitting
Automatic Image Optimization
How does Next.js define routes with the App Router?
Using the pages directory
Using the app directory
Using a routes.js file
Using a router.config.js file
What file is used to define a global layout in Next.js?
app/layout.ts
pages/_layout.ts
app/_app.ts
pages/_document.ts
How do you implement a dynamic route in Next.js?
Using square brackets [] around the file name in the app folder
Defining a dynamic route in routes.json
Using query parameters in the URL
Using a dynamic route configuration in next.config.js
What component is used in Next.js to create navigable links between pages?
<RouterLink>
<Link>
<NavLink>
<Href>
Which attribute should be used in the <Link> component to specify the link destination?
to
source
href
destination
What does CI mean in the context of CI/CD?
Continuous Improvement
Continuous Integration
Comprehensive Integration
Constant Implementation
What is the main purpose of Jenkins in CI/CD?
Build and Test Automation
Version control
Performance monitoring
Project management
What is a key benefit of implementing CI/CD?
Reduction of hardware costs
Improved code security
Faster and more frequent delivery of updates
Simplification of user management
What does CD represent in CI/CD?
Continuous Deployment
Continuous Development
Constant Deployment
Continuous Deployment or Continuous Delivery
What is the term for obtaining the latest source code and combining it with work in progress?
Continuous integration
Continuous deployment
Continuous delivery
Continuous construction
Is Jenkins an open source tool?
Yes
No
What is the command to start a local development server in Next.js?
next start
next dev
npm run dev
npm start
Which Next.js tag is used to optimize images for the web?
<Img>
<Image>
<Picture>
<Photo>
In Next.js, how do you handle 404 (Not Found) pages using the App Router?
By creating a not-found.ts file in the app directory
By defining a route in routes.js
By setting up in next.config.js
By using a middleware
Which file is used to define a custom error boundary in Next.js using the App Router?
app/error.ts
pages/_error.ts
app/_app.ts
pages/_document.ts
How do you create nested routes in Next.js using the App Router?
By creating nested folders and adding page.ts files inside them in the app directory
By defining nested routes in next.config.js
By creating nested route definitions in routes.json
By adding nested route components in app/_app.ts
How do you add metadata to your Next.js pages using the App Router?
By creating a metadata.ts file in the app directory
By using a special metadata field in page.ts files
By defining metadata in next.config.js
By adding a metadata section in the layout.ts file or static page.ts file
How do you configure global CSS in Next.js using the App Router?
By importing the CSS file in pages/_app.ts
By importing the CSS file in next.config.js
By adding a globalStyles field in the app/config.ts
By importing the CSS file in app/layout.ts
How do you enable TypeScript in a Next.js project?
By renaming JavaScript files to .ts or .tsx
By adding a typescript key in next.config.ts
By adding a tsconfig.json file to the root directory
By creating a types.ts file in the app directory
