Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
This Visual Studio Code extension provides a collection of helpful code snippets for various development tasks. These snippets aim to improve your coding productivity by offering templates for common code structures. Feel free to use and customize these snippets to suit your needs.
Next Server Component
snfc or server
Creates a Next.js functional component with JSX.
Next Client Component
cnfc or client
Creates a Next.js Client component with JSX.
Use Client Tag
Creates a Next.js use client with JSX.
Next.js API Route GET Method
Creates a Next.js API route GET method.
Next.js API Route POST Method
Creates a Next.js API route POST method.
Next.js API Route PUT Method
Creates a Next.js API route PUT method.
Next.js API Route PATCH Method
Creates a Next.js API route PATCH method.
Next.js NextResponse Statement
Creates a Next.js NextResponse Statement.
Next.js API Route DELETE Method
Creates a Next.js API route DELETE method.
Next.js Middleware and Config
Creates a Next.js middleware function and configuration.
sa or action
Creates a Server Action in Next.js.
Type the desired snippet prefix (e.g., snfc, !get) and press Tab.
The snippet will expand, providing you with the code structure for the selected task.
Customize the snippet with your specific logic.
If you have additional snippets to contribute or find any issues with this extension, please feel free to Contact me.