SR
Server-Side Rendering
Renders pages on the server before sending them to the client.
Next-js Concepts for Practical Learning
34 Concepts Explained
SSG
Static Site Generation
Pre-renders pages at build time for better performance.
AR
API Routes
Allows building backend APIs inside Next.js applications.
NFR
Next File-based Routing
Routes are automatically created based on the file structure in the pages directory.
NAR
Next App Router
Introduced in Next.js 13, provides a new file-based routing system using the app directory.
NL
Next Layouts
Reusable templates that wrap around pages or routes.
NADF
Next API Data Fetching
Fetch data using getStaticProps, getServerSideProps, or client-side hooks.
NCD
Next Custom Document
Customize the HTML document structure using _document.js.
NCA
Next Custom App
Override the default App component using _app.js for global styles and providers.
ND
Next Deployment
Deploy Next.js apps to platforms like Vercel, Netlify, or custom servers.
NM
Next Middleware
Run code before a request is completed, useful for authentication and redirects.
NIO
Next Image Optimization
Optimize images automatically using the Next.js Image component.
NHC
Next Head Component
Manage metadata such as titles and meta tags.
NRG
Next Routing Groups
Organize routes into groups without affecting the URL structure.
NI
Next Internationalization
Support multiple languages and locales with built-in i18n routing.
NSA
Next Static Assets
Serve images, fonts, and files from the public directory.
NAC
Next API Caching
Improve performance by caching API responses.
NP
Next Pages
Defines routes automatically based on the file system in the pages directory.
NSC
Next Server Components
React components rendered on the server by default for better performance.
NSR
Next Server-Side Rendering
Renders pages on the server at request time for dynamic content.
NISR
Next Incremental Static Regeneration
Allows static pages to be updated after build without rebuilding the entire site.
NDR
Next Dynamic Routes
Create routes with parameters using square brackets in the file name.
NEH
Next Error Handling
Custom error pages and error boundaries for better UX.
NSO
Next SEO Optimization
Manage SEO with metadata, canonical tags, and structured data.
NCC
Next Client Components
React components rendered on the client, useful for interactive UI.
NSSG
Next Static Site Generation
Pre-renders pages into static HTML at build time.
NAR
Next API Routes
Define backend endpoints inside the pages/api directory.
NLC
Next Link Component
Provides client-side navigation with prefetching.
NLU
Next Loading UI
Built-in loading states for routes and components.
NA
Next Authentication
Implement login and session management using libraries like NextAuth.js.
NEV
Next Environment Variables
Manage environment-specific settings using .env files.
NT
Next Testing
Test Next.js apps using Jest, React Testing Library, or Cypress.
NPO
Next Performance Optimization
Improve app speed using lazy loading, code splitting, and caching.
NAM
Next API Middleware
Add middleware to API routes for validation, logging, or authentication.