Next.js from Development to Deployment - Generate Static Paths and Single Post Data

The video tutorial explains how to set up dynamic routing for a blog using slugs in a React application. It covers the use of getStaticPaths to generate paths for each post and getStaticProps to fetch post data. The tutorial also demonstrates how to parse markdown content and display it on a single post page, using modules like FS and gray-matter for file handling and data extraction.

What is the purpose of using slugs in setting up routes for single post pages?

• To create unique identifiers for each post

• To enhance the visual appearance of URLs

• To improve the loading speed of the website

• To ensure compatibility with older browsers

What is the role of the getStaticPaths function in a React application?

• To handle user authentication

• To generate paths for dynamic routes

• To fetch data from an API

• To manage application state

Which module is used to read the directory of posts in the getStaticPaths function?

• os

• path

• fs

• http

What does the fallback property in getStaticPaths control?

• Whether to cache the paths

• Whether to return a 404 for non-existent paths

• Whether to generate paths at runtime

• Whether to show a loading spinner

What does the getStaticProps function return in a React component?

• A list of all available routes

• A list of all CSS styles

• The HTML structure of the page

• Props containing data for the component

Why is the gray-matter package used in this tutorial?

• To handle user authentication

• To manage application state

• To parse markdown files and extract data

• To convert HTML to markdown

What is extracted from markdown files using gray-matter?

• Both front matter and content

• Only the front matter

• Only the content

• Only the metadata

What is the purpose of adding UTF-8 encoding when reading files?

• To increase the speed of file reading

• To correctly interpret text characters

• To prevent errors in older browsers

• To ensure the file is read as binary

What is the benefit of destructuring front matter in the component?

• It reduces the file size

• It simplifies access to individual properties

• It improves the security of the application

• It enhances the visual appearance of the code

What is the result of console logging the content variable?

• The JSON representation of the post

• The raw markdown content

• The HTML content of the post

• The CSS styles of the post