- What is Next.js?
- What are the main features of Next.js?
- How is Next.js different from Create React App (CRA)?
- What is server-side rendering (SSR) in Next.js?
- What is static site generation (SSG)?
- What is incremental static regeneration (ISR)?
- How do you create a new Next.js project?
- What is the structure of a typical Next.js project?
- How does routing work in Next.js?
- What is the difference between pages and components?
- How do you create a dynamic route in Next.js?
- What are API routes in Next.js?
- How do you create an API route?
- What is the getStaticProps function used for?
- What is getServerSideProps?
- What is getStaticPaths and when do you use it?
- How do you use environment variables in Next.js?
- How do you handle redirects and rewrites?
- What is a custom document (_document.js) used for?
- What is a custom app (_app.js) used for?
- How do you use CSS in Next.js?
- How do you use CSS Modules in Next.js?
- Can you use Sass or SCSS in Next.js?
- What is image optimization in Next.js?
- How do you use the next/image component?
- How do you deploy a Next.js app on Vercel?
- What is the default port for Next.js development server?
- How do you do navigation between pages in Next.js?
- What is the difference between Link and a tag in Next.js?
- How do you fetch data from an external API in Next.js?
- What are the rendering strategies in Next.js?
- How does pre-rendering work in Next.js?
- How does client-side rendering differ from SSR and SSG?
- How do you optimize performance in a Next.js app?
- What is ISR and how does it help in performance?
- What is fallback in getStaticPaths?
- What is revalidate in ISR and how does it work?
- What is middleware in Next.js?
- How do you use middleware to protect routes?
- What is the difference between _app.js and _document.js?
- What is the purpose of Head component from next/head?
- How do you use layout components in Next.js?
- What is the use of next.config.js?
- How do you customize the Webpack configuration in Next.js?
- What is the difference between public and static folders?
- How do you create nested routes in Next.js?
- How do you handle 404 and error pages in Next.js?
- What is custom error handling in API routes?
- What are the best practices for API routes in Next.js?
- What is dynamic import and how do you use it?
- How does Next.js handle code splitting?
- What are some real-world use cases for ISR?
- How do you generate a sitemap in Next.js?
- How do you create an RSS feed in a Next.js blog?
- What are Web Vitals and how does Next.js measure them?
- How does Next.js integrate with analytics tools?
- What are edge functions and how do you use them?
- What’s the difference between edge and serverless functions?
- How do you use caching strategies in Next.js?
- How do you optimize images hosted outside your domain?
- What is the difference between rendering on the server and at the edge?
- How do you internationalize (i18n) a Next.js app?
- How does localization routing work in Next.js?
- What’s the best way to handle user sessions securely in Next.js?
- How do you integrate Next.js with OAuth providers?
- How do you setup a monorepo using Next.js with Nx or Turborepo?
- What is a hybrid Next.js app and how does it work?
- How do you implement feature flags in a Next.js app?
- What are React Server Components and does Next.js support them?
- How do you troubleshoot slow builds in Next.js?
- How do you manage large-scale Next.js projects?
- How do you handle real-time features in a Next.js app?
- What is the role of next/script and when should you use it?
- How do you use service workers in a Next.js PWA?
- What is Static HTML Export in Next.js?
- How do you run Next.js behind a proxy or CDN?
- What’s new in the latest version of Next.js?
- How does Next.js compare to Remix or Nuxt?
- What are the limitations of Next.js?
- When should you not use Next.js?
- What is Gatsby?
- How does Gatsby differ from traditional React applications?
- What is static site generation (SSG) in Gatsby?
- How do you install Gatsby in a project?
- What is the purpose of gatsby-config.js in a Gatsby project?
- What are Gatsby’s core features?
- What is a page component in Gatsby?
- How do you create a page in Gatsby?
- What are GraphQL queries in Gatsby?
- How does Gatsby use GraphQL for data fetching?
- What is the gatsby-node.js file used for?
- How do you create a layout in Gatsby?
- What is the difference between a page and a template in Gatsby?
- How do you add metadata to your Gatsby site (e.g., title, description)?
- How do you link pages in Gatsby?
- What is the gatsby-image package, and how do you use it?
- How does Gatsby handle images and media files?
- How do you add external CSS to a Gatsby project?
- How do you add a favicon to your Gatsby site?
- How does Gatsby handle global styles?
- How do you integrate fonts into a Gatsby project?
- How do you handle SEO in Gatsby?
- How do you generate dynamic pages in Gatsby?
- What is gatsby-source-filesystem and how do you use it?
- What is a plugin in Gatsby, and how do you use it?
- How do you install plugins in Gatsby?
- How do you add a plugin to handle markdown files in Gatsby?
- How do you handle routing in Gatsby?
- How does Gatsby handle site performance optimization?
- How do you deploy a Gatsby site?
- How do you handle dynamic content with Gatsby?
- How do you use gatsby-source-contentful to integrate with Contentful?
- How do you use gatsby-source-wordpress to pull data from WordPress?
- How does Gatsby handle images using gatsby-plugin-sharp?
- What is the gatsby-transformer-sharp plugin, and when should you use it?
- How do you query external APIs in Gatsby using GraphQL?
- What is the purpose of the gatsby-browser.js file?
- How do you implement pagination in Gatsby?
- What are Gatsby’s data layers, and how do they work?
- How do you query markdown files with GraphQL in Gatsby?
- What is the difference between gatsby-transformer-remark and gatsby-transformer-mdx?
- How do you optimize images for performance in Gatsby?
- What are Gatsby’s “page templates” and “layout templates”?
- How do you add a custom 404 page in Gatsby?
- How do you use Gatsby for multilingual sites?
- How do you manage custom data structures in Gatsby?
- How do you add Google Analytics to a Gatsby site?
- How do you add structured data (JSON-LD) to a Gatsby site?
- How do you handle forms in Gatsby?
- How do you set up server-side rendering (SSR) in Gatsby?
- What are Gatsby’s gatsby-ssr.js and gatsby-node.js files, and how do they interact?
- How do you optimize a Gatsby site for mobile devices?
- What are Gatsby themes, and how do you use them?
- How do you manage global state in Gatsby?
- How do you implement authentication in Gatsby?
- How do you create a custom plugin in Gatsby?
- How does Gatsby handle redirects?
- How do you configure cache and persistent storage in Gatsby?
- How do you handle meta tags and Open Graph data in Gatsby?
- What are Gatsby’s default file system sources, and how do you use them?
- How do you use Gatsby with GraphQL fragments?
- How do you manage custom fonts in a Gatsby site?
- What is the gatsby-image plugin, and how does it improve performance?
- How do you use Gatsby to implement a blog?
- How do you use Gatsby with a headless CMS?
- How do you deploy Gatsby to Netlify?
- How do you use the gatsby-plugin-react-helmet to manage the head tag?
- How do you integrate a third-party authentication service like Auth0 in Gatsby?
- What is Gatsby’s “build-time” and “runtime” rendering, and how do they differ?
- How do you optimize JavaScript delivery in Gatsby?
- How do you manage large datasets in Gatsby for performance optimization?
- How do you create custom GraphQL schemas in Gatsby?
- How do you use Gatsby’s “Lazy Loading” for images and components?
- How do you handle environment variables in Gatsby?
- How do you implement server-side rendering (SSR) for dynamic pages in Gatsby?
- How do you use Gatsby for Progressive Web Apps (PWA)?
- How do you implement lazy loading of data in Gatsby?
- What is the Gatsby cloud, and how does it work?
- How do you integrate Gatsby with serverless functions?
- How do you manage build processes with Gatsby’s incremental builds?
- How do you optimize caching and data fetching strategies in Gatsby?
- How do you handle SEO for dynamic pages in Gatsby?
- How do you optimize your Gatsby site for Core Web Vitals?
- How do you handle continuous integration and deployment for Gatsby projects?
- How do you implement advanced GraphQL queries in Gatsby?
- How do you handle GraphQL query errors in Gatsby?
- How do you add or customize Gatsby plugins?
- How do you migrate a site from a traditional CMS to Gatsby?
- How do you implement error boundaries in Gatsby?
- How do you create a Gatsby site for multilingual SEO and localization?
- How do you handle hot reloading during development in Gatsby?
- How do you use Gatsby with TypeScript?
- How do you implement a Gatsby site with real-time data updates?
- How do you manage advanced routing with Gatsby’s gatsby-plugin-intl?
- How do you integrate Gatsby with a service worker?
- How do you ensure accessibility in a Gatsby site?
- How do you optimize large media files for Gatsby sites?
- How do you integrate Gatsby with a static file storage service like AWS S3 or Google Cloud Storage?
- How do you use Gatsby with GraphQL pagination for large datasets?
- How do you integrate Gatsby with modern JAMstack APIs and microservices?
