Nextworks is a CLI that speeds up building Next.js apps by installing a ready‑made “Blocks” kit into your project. It drops in core UI components plus common landing‑page sections (navbars, heroes, features, footers) and optional page templates, so you can scaffold real pages fast and spend less time repeating setup work.
nextworks is a CLI for quickly scaffolding real UI in Next.js—without re-building the same primitives and marketing pages every time.
Instead of starting from a blank project, nextworks installs the Nextworks Blocks kit directly into your app: core UI primitives, ready-to-use landing page sections (navbars, heroes, feature grids, FAQs, footers, etc.), and full page templates you can browse, run, and customize. The goal is simple: ship faster in Next.js with less repetitive setup work.
When you run the Blocks install, nextworks copies modular building blocks into your project so they’re easy to edit and own:
components/ui/**)components/sections/**) — common “landing page” patterns like headers, CTAs, testimonials, pricing, and footersTemplates are installed in a router-native location:
app/templates/<template>/** (with page.tsx)pages/templates/<template>/index.tsxcomponents/templates/<template>/** (kept outside pages/ so helpers don’t become routes)Create a new Next.js app, then install Blocks from your app root:
npx create-next-app@latest
cd <your-app>
# Nextworks assumes TypeScript + Tailwind CSS (required for Blocks/templates)
npx nextworks@latest add blocks --sections --templates
Then install deps (if needed) and start your dev server:
npm install
npm run dev
Want a quick “show me something working” route? After installing templates, try:
/templates/productlaunch/templates/saasdashboard/templates/digitalagency/templates/gallerynextworks is currently early-access alpha. Expect rough edges and occasional breaking changes between alpha releases.
Best for: experimenting in new or non-critical projects, and giving feedback.
Not recommended yet for: production apps that need strict stability guarantees.
CI-tested:
Dev mode: Turbopack (default in Next 16) and Webpack.
Full install (core UI + sections + templates):
npx nextworks@latest add blocks --sections --templates
Non-interactive / CI-friendly (auto-accept defaults where possible):
npx nextworks@latest add blocks --sections --templates --yes
pnpm / yarn equivalents:
pnpm dlx nextworks@latest add blocks --sections --templates
yarn dlx nextworks@latest add blocks --sections --templates
More granular installs:
--ui-only (core primitives only)--sections (core + sections)--templates (core + templates)--sections --templates (core + sections + templates)You can also force a package manager (overrides lockfile detection):
npx nextworks@latest add blocks --sections --templates --pm pnpm
For Turbopack compatibility, Blocks configures fonts/providers in your router entrypoint (not inside shared packages). nextworks patches this automatically:
app/layout.tsxpages/_app.tsx (and may create/update pages/_document.tsx)If you later manually change fonts/providers and hit a font-related Turbopack error, re-run the install to re-apply the patch:
npx nextworks@latest add blocks --sections --templates
nextworks installs kits by copying files into your Next.js project. If a destination path already exists, installs may overwrite files.
Recommended workflow:
git add -A && git commit -m "baseline"
git diff --name-status
git reset --hard
git clean -fd # optional: remove untracked files created by installs
If you’ve heavily customized these paths, expect manual merge work:
app/layout.tsx (App Router)pages/_app.tsx / pages/_document.tsx (Pages Router)lib/utils.tscomponents/ui/**For a transparent breakdown of what each kit writes/edits, see:
https://github.com/jblh/nextworks-cli/blob/main/docs/FILE_CHANGES.md
Alpha feedback is especially useful for:
Where to post feedback:
Bug reports: open a GitHub Issue using .github/ISSUE_TEMPLATE/.
Private contact (optional): nextjsworks@gmail.com
The CLI and the generated files are MIT licensed (see LICENSE).
Template placeholder images are sourced from Pexels and are subject to the Pexels License (not covered by MIT).
No comments yet.
Sign in to be the first to comment.