📚 Cheatsheet

Une collection organisée de snippets de code pour accélérer votre développement. Parcourez, recherchez et copiez en un clic.

Snippets 7

Retour
Créer un Middleware
Avancé 
// middleware.js (à la racine)
import { NextResponse } from 'next/server';

export function middleware(request) {
  if (request.nextUrl.pathname.startsWith('/dashboard')) {
    return NextResponse.rewrite(new URL('/login', request.url));
  }
}
Matcher de Middleware
Avancé 
export const config = {
  matcher: '/about/:path*',
};
Redirections dans next.config.js
Intermédiaire 
async redirects() {
  return [
    {
      source: '/about-us',
      destination: '/about',
      permanent: true,
    },
  ];
}
Réécritures dans next.config.js
Avancé 
async rewrites() {
  return [
    {
      source: '/api/:path*',
      destination: 'https://example.com/api/:path*',
    },
  ];
}
Utiliser les variables d'environnement
Facile 
const apiKey = process.env.API_KEY;
Variables d'environnement (.env.local)
Facile 
DB_HOST=localhost
DB_USER=myuser
DB_PASS=mypassword
Variables d'environnement côté client
Intermédiaire 
NEXT_PUBLIC_ANALYTICS_ID=12345