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>
}