# API Routes > File-based API routing with HTTP method support and dynamic parameters. ```html [index.html] API Routes

API Routes:

``` ```ts [nitro.config.ts] import { defineConfig } from "nitro"; export default defineConfig({ serverDir: "./", }); ``` ```json [package.json] { "type": "module", "scripts": { "dev": "nitro dev", "build": "nitro build" }, "devDependencies": { "nitro": "latest" } } ``` ```json [tsconfig.json] { "extends": "nitro/tsconfig" } ``` ```ts [vite.config.ts] import { defineConfig } from "vite"; import { nitro } from "nitro/vite"; export default defineConfig({ plugins: [nitro()] }); ``` ```ts [api/hello.ts] import { defineHandler } from "nitro"; export default defineHandler(() => "Nitro is amazing!"); ``` ```ts [api/test.get.ts] import { defineHandler } from "nitro"; export default defineHandler(() => "Test get handler"); ``` ```ts [api/test.post.ts] import { defineHandler } from "nitro"; export default defineHandler(async (event) => { const body = await event.req.json(); return { message: "Test post handler", body, }; }); ``` ```ts [api/hello/[name].ts] import { defineHandler } from "nitro"; export default defineHandler((event) => `Hello (param: ${event.context.params!.name})!`); ``` Nitro supports file-based routing in the `api/` or `routes/` directory. Each file becomes an API endpoint based on its path. ## Basic Route Create a file in the `api/` directory to define a route. The file path becomes the URL path: ```ts [api/hello.ts] import { defineHandler } from "nitro"; export default defineHandler(() => "Nitro is amazing!"); ``` This creates a `GET /api/hello` endpoint. ## Dynamic Routes Use square brackets `[param]` for dynamic URL segments. Access params via `event.context.params`: ```ts [api/hello/[name].ts] import { defineHandler } from "nitro"; export default defineHandler((event) => `Hello (param: ${event.context.params!.name})!`); ``` This creates a `GET /api/hello/:name` endpoint (e.g., `/api/hello/world`). ## HTTP Methods Suffix your file with the HTTP method (`.get.ts`, `.post.ts`, `.put.ts`, `.delete.ts`, etc.): ### GET Handler ```ts [api/test.get.ts] import { defineHandler } from "nitro"; export default defineHandler(() => "Test get handler"); ``` ### POST Handler ```ts [api/test.post.ts] import { defineHandler } from "nitro"; export default defineHandler(async (event) => { const body = await event.req.json(); return { message: "Test post handler", body, }; }); ``` ## Learn More - [Routing](/docs/routing)