Skip to content
| Marketplace
Sign in
Visual Studio Code>Snippets>Visceral NextJS SnippetsNew to Visual Studio Code? Get it now.
Visceral NextJS Snippets

Visceral NextJS Snippets

Rasmus Bremholm

|
94 installs
| (0) | Free
Nextjs Snippets for Visceral
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

visceral-nextjs-snippets README

This is a personal collection of Next.js and React snippets for Visual Studio Code, designed to make your development process a little easier.

Features

This extension offers shortcuts for a range of Next.js components and React hooks. Here's what you'll get:

  • Next.js Image component (nimg)
  • Next.js Link component (nlink)
  • React useState hook (nstate)
  • React useEffect hook (nfect)

Usage

Getting started is easy. Just type part of a snippet, press Enter or Tab, and watch the magic happen.

Installation

  1. Make sure you're running Visual Studio Code 1.45.0 or higher.
  2. Open up VS Code.
  3. Open the command palette with Ctrl-Shift-P (Windows, Linux) or Cmd-Shift-P (macOS).
  4. Search for Install Extension.
  5. Look for "Next.js Snippets" and install it.
  6. Give VS Code a quick restart.

Contributing

Although this is a personal toolkit, if you stumble across any issues or have an idea to make it better, feel free to open an issue.

License

Licensed under MIT. Go wild.

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