📚 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
App Router : Route dynamique
Intermédiaire 
// app/api/items/[slug]/route.js
export async function GET(request, { params }) {
  const slug = params.slug;
  return Response.json({ slug });
}
App Router : Route Handler (GET)
Facile 
// app/api/hello/route.js
export async function GET(request) {
  return new Response('Hello, Next.js!');
}
App Router : Route Handler (POST)
Intermédiaire 
export async function POST(request) {
  const res = await request.json();
  return Response.json({ res });
}
Créer une route API de base
Facile 
// pages/api/hello.js
export default function handler(req, res) {
  res.status(200).json({ text: 'Hello' });
}
Gérer les méthodes HTTP (GET, POST...)
Intermédiaire 
export default function handler(req, res) {
  if (req.method === 'POST') {
    // Process POST request
  } else {
    // Handle any other HTTP method
  }
}
Lire le corps d'une requête POST
Intermédiaire 
const { name } = req.body;
Route API dynamique
Facile 
// pages/api/posts/[id].js
export default function handler(req, res) {
  const { id } = req.query;
  res.end(`Post: ${id}`);
}