Skip to content
| Marketplace
Sign in
Visual Studio Code>Snippets>Tom's SnippetsNew to Visual Studio Code? Get it now.
Tom's Snippets

Tom's Snippets

Thomas Mitchelmore

|
45 installs
| (1) | Free
Custom snippets for my NextJS workflow
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Tom's Snippets

This is a collection of snippets I use in my daily work with React and NextJS - they should come in quite handy.

Snippets

Trigger Content Usage Notes
tsf Typescript Functional Component Component will be named after the file
tsfp Typescript Functional Component with Props Component will be named after the file
tsfc Typescript Functional Component with Children (and props, incidentally) Component will be named after the file
tsfic Typescript Functional Component inheriting props from some other element Component will be named after the file, and typing after the snippet will name the inherited tag (e.g div)
np NextJS Page Typing after the snippet will name the page
npsg NextJS Page with Static Props Typing after the snippet will name the page
npsr NextJS Page with Server-side Rendering Typing after the snippet will name the page
  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft