
Next Smart Snippets
Next.js向けのスマートスニペット拡張機能 ・ 2026
どんな作品?
Next.js App Routerでの開発効率を上げるために制作した、Visual Studio Code拡張機能です。
主な機能
nxpage、nxlink、nximage、nxmetadata、nxrouter などのスニペットを提供
必要に応じて next/link、next/image、next/navigation などの import を自動追加
既存の named import への自動マージと、重複 import の防止
useRouter や useSearchParams を使うときに "use client" を自動追加
page.tsx、layout.tsx、route.ts など、いま開いているファイル名に応じて関連スニペットを優先表示
公開まで
Visual Studio Code Marketplaceへの公開を前提に、VSIXパッケージ化、README・ライセンスの整備、拡張機能アイコンの制作まで行っています。