Skip to content
| Marketplace
Sign in
Visual Studio Code>Snippets>Next.js 13 SnippetsNew to Visual Studio Code? Get it now.
Next.js 13 Snippets

Next.js 13 Snippets

Next.js 13 Snippets Team

|
1,845 installs
| (0) | Free
Next.js 13 snippets. VS Code snippets to help you migrate your next application to the new app folder and nested layouts paradigm.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Next.js 13 Snippets

Next.js 13 snippets. VS Code snippets to help you migrate your next application to the new app folder and nested layouts paradigm. Currently supports javascript, tsx, and jsx!

Features

Import all layouts described here in the next 13 docs: https://beta.nextjs.org/docs/routing/pages-and-layouts#layouts.

Here's a list of commands currently supported:

  • rlayout: create a root layout
  • layout: create a nested layout
  • page: create a page
  • cpage: create a client-based page
  • loading: create a loading UI
  • error: create a error UI
  • head: create a head file for a particular rout
  • notfound: create a not found UI

Known Issues

No current known issues

Release Notes

1.0.0

The initial release! All current commands are described in the features section. The code they generate is the same as the examples provided in the next 13 documentation. Message me on twitter if you would like to contribute!

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft