Next.js Snippets
App Router pages, layouts, route handlers, server actions, metadata and data fetching.
Type a prefix and press Tab. 30 snippets.
| Language | Prefix | What it inserts |
|---|---|---|
| TypeScript | nxpage |
A page |
| TypeScript | nxspage |
An async server component page |
| TypeScript | nxlayout |
A root layout |
| TypeScript | nxmeta |
Page metadata |
| TypeScript | nxget |
A GET route handler |
| TypeScript | nxpost |
A POST route handler |
| TypeScript | nxaction |
A server action |
| TypeScript | nxclient |
A client component |
| TypeScript | nxloading |
A loading UI |
| TypeScript | nxerror |
An error page |
| TypeScript | nxparams |
Params of a dynamic page |
| TypeScript | nxfetch |
fetch with caching |
| TypeScript | nxlink |
A Link |
| TypeScript | nximg |
An optimized image |
| TypeScript | nxmw |
A middleware |
| JavaScript | nxpage |
A page |
| JavaScript | nxspage |
An async server component page |
| JavaScript | nxlayout |
A root layout |
| JavaScript | nxmeta |
Page metadata |
| JavaScript | nxget |
A GET route handler |
| JavaScript | nxpost |
A POST route handler |
| JavaScript | nxaction |
A server action |
| JavaScript | nxclient |
A client component |
| JavaScript | nxloading |
A loading UI |
| JavaScript | nxerror |
An error page |
| JavaScript | nxparams |
Params of a dynamic page |
| JavaScript | nxfetch |
fetch with caching |
| JavaScript | nxlink |
A Link |
| JavaScript | nximg |
An optimized image |
| JavaScript | nxmw |
A middleware |
This extension runs no code and asks for no permissions.