Home React TypeScript Next.js Contact

CTRL K

CTRL K

Blog
- Best Web Hosting
Next.js
- Next.js 13.5
  - Using App Router
    
    Getting Started
    
    Installation
    Project Structure
    
    Building Your Application
    
    Routing
    
    Defining Routes
    Pages and Layouts
    Linking and Navigating
    Route Groups
    Loading UI and Streaming
    Error Handling
    Parallel Routes
    Route Handlers
    Middleware
    
    Data Fetching
    
    Data Fetching Patterns
    Forms and Mutations
    
    Rendering
    
    Client Components
    Composition Patterns
    Edge and Node.js Runtimes
    
    Caching
    Styling
    
    Tailwind CSS
    CSS-in-JS
    Sass
    
    Optimizing
    
    Images
    Metadata
    Static Assets
    OpenTelemetry
    Instrumentation
    
    Configuring
    
    TypeScript
    ESLint
    Environment Variables
    Absolute Imports and Module Path Aliases
    MDX
    Draft Mode
    Content Security Policy
    
    Deploying
    Upgrading
    
    Codemods
    App Router Migration
    
    API Reference
    
    Components
    
    Font
    <Image>
    <Link>
    
    File Conventions
    
    error.js
    layout.js
    loading.js
    not-found.js
    route.js
    Metadata Files
    
    favicon, icon, and apple-icon
    opengraph-image and twitter-image
    robots.txt
    sitemap.xml
    
    Functions
    
    cookies
    draftMode
    generateImageMetadata
    generateMetadata
    generateStaticParams
    headers
    ImageResponse
    NextRequest
    NextResponse
    notFound
    permanentRedirect
    revalidatePath
    revalidateTag
    Server Actions
    useReportWebVitals
    useSearchParams
    useSelectedLayoutSegment
    useSelectedLayoutSegments
    
    next.config.js Options
    
    appDir
    assetPrefix
    basePath
    compress
    devIndicators
    distDir
    env
    eslint
    exportPathMap
    generateBuildId
    generateEtags
    headers
    httpAgentOptions
    images
    incrementalCacheHandlerPath
    mdxRs
    onDemandEntries
    optimizePackageImports
    output
    pageExtensions
    productionBrowserSourceMaps
    reactStrictMode
    redirects
    rewrites
    serverComponentsExternalPackages
    transpilePackages
    turbo
    typedRoutes
    typescript
    urlImports
    webpack
    webVitalsAttribution
    
    create-next-app
    Next.js CLI
    
    Architecture
    
    Accessibility
    Fast Refresh
    Next.js Compiler
    Supported Browsers
    
    Community
  - Using Pages Router
    
    Getting Started
    
    Installation
    Project Structure
    
    Building Your Application
    
    Routing
    
    Pages and Layouts
    Dynamic Routes
    Linking and Navigating
    Custom App
    Custom Document
    Custom Errors
    Internationalization
    Authenticating
    Middleware
    
    Rendering
    
    Server-side Rendering (SSR)
    Static Site Generation (SSG)
    Incremental Static Regeneration (ISR)
    Automatic Static Optimization
    Client-side Rendering (CSR)
    Edge and Node.js Runtimes
    
    Data Fetching
    
    getStaticProps
    getStaticPaths
    Forms and Mutations
    Incremental Static Regeneration
    Client-side Fetching
    
    Styling
    
    CSS Modules
    Tailwind CSS
    CSS-in-JS
    Sass
    
    Optimizing
    
    Images
    Fonts
    Scripts
    Lazy Loading
    Analytics
    OpenTelemetry
    Instrumentation
    Testing
    
    Configuring
    
    TypeScript
    ESLint
    Environment Variables
    Absolute Imports and Module Path Aliases
    AMP
    Babel
    PostCSS
    Custom Server
    Draft Mode
    Error Handling
    Preview Mode
    Content Security Policy
    
    Deploying
    
    Going to Production
    Static Exports
    Multi Zones
    
    Upgrading
    
    Codemods
    From Pages to App
    Version 12
    Version 11
    Version 10
    Version 9
    
    API Reference
    
    Components
    
    Font
    <Head>
    <Link>
    <Script>
    
    Functions
    
    getInitialProps
    getServerSideProps
    getStaticPaths
    getStaticProps
    useAmp
    useReportWebVitals
    useRouter
    
    next.config.js Options
    
    assetPrefix
    basePath
    compress
    devIndicators
    distDir
    env
    eslint
    exportPathMap
    generateBuildId
    generateEtags
    headers
    httpAgentOptions
    images
    onDemandEntries
    output
    pageExtensions
    poweredByHeader
    productionBrowserSourceMaps
    reactStrictMode
    redirects
    Runtime Config
    trailingSlash
    transpilePackages
    turbo
    typescript
    urlImports
    webpack
    webVitalsAttribution
    
    create-next-app
    Edge Runtime
    
    Architecture
    
    Accessibility
    Fast Refresh
    Next.js Compiler
    Supported Browsers
    
    Community
React
- Latest version ↗
- React 18.1
TypeScript

Next.js 13.5
- Using App Router
- Using Pages Router

Edit this page on GitHub →

Next.js

Next.js 13.5

Using App Router

Building Your Application

Optimizing

Optimizing

Last updated on March 5, 2024

Docs Archive

•

© 2024

•

Docs Archive of Open Source Technologies