✨ Welcome to NexTemplates—your magical VS Code extension for instant Next.js 14+ component creation!
Harnessing arcane arts, NexTemplates transforms simple prefixes into robust Next.js components:
Prefix | Summons |
---|---|
npc |
Next page component |
npcp |
Next Page component with props |
npcpp |
Next Page component with props with params |
ncc |
Next Client component |
nccp |
Next Client component with props |
nh |
Next Hook |
nhp |
Next Hook with props |
nsc |
Next Server component |
nscp |
Next Server component with props |
nasc |
Next Async server component |
nascp |
Next Async server component with props |
nlcp |
Next Layout component with props |
nlc |
Next Loading component |
nmw |
Next Middleware |
nsmd |
Next Static metadata |
ngmd |
Next Generated metadata |
nec |
Next error component |
ngec |
Next global-error component |
nnfc |
Next not-found component |
nasac |
Next async server action component |
nasaf |
Next async server action function |
ngetr |
Next Get Route |
nheadr |
Next Head Route |
npostr |
Next Post Route |
nputr |
Next Put Route |
ndelete |
Next Delete Route |
npatchr |
Next Patch Route |
noptionsr |
Next Options Route |
ntc |
Next Template Component |
nrf |
Next Robots File |
Master Next.js and React before wielding this powerful extension.
- Installation: Get NexTemplates from the VS Code marketplace.
- Casting Spells: Type a prefix (e.g.,
npc
) in a TypeScript file, hitTab
, and watch the magic unfold. - Customization: Navigate placeholders (
$1
,$2
, etc.) usingTab
for component customization.
- GitHub Copilot Synergy: Combine NexTemplates with GitHub Copilot for ethereal coding.
- Optimal Setting: Set
"editor.suggest.snippetsPreventQuickSuggestions": true
in VS Code settings for seamless spell weaving. - Best Practices: NexTemplates follows the Vercel Style Guide and Next.js documentation for spellbinding components.
With NexTemplates, coding feels like a mystical chant, and redundancy becomes folklore. Embrace the enchantment and let your Next.js journey be filled with wonder. ✨