Next.js Snippets

A collection of useful code snippets for Next.js.

Basic API Route

Nextjs
basic
next.js
python
basic-api-route.tsx
// app/api/hello/route.ts
import { NextResponse } from 'next/server'
 
export async function GET(request: Request) {
  return NextResponse.json({ message: 'Hello, World!' })
}

Dynamic Route Page

Nextjs
dynamic
next.js
dynamic-route-page.tsx
// app/blog/[slug]/page.tsx
export default function Page({ params }: { params: { slug: string } }) {
  return <div>My Post: {params.slug}</div>
}