← MyWork 一覧へ
Next Smart Snippets サムネイル

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・ライセンスの整備、拡張機能アイコンの制作まで行っています。