Free Next.js Starter Templates for FrontAlign: Agency & Blog, Ready in One Command

Starting a new project always has the same first hour: install Next.js, wire up your CSS framework, configure the JIT build, set up dark mode, then finally start writing the page you actually wanted to build.

We wanted to skip that hour. So we built @frontalign/create-app — a free CLI that scaffolds a complete Next.js project, already wired to FrontAlign, in one command.

npx @frontalign/create-app my-app --template agency

That's it. cd my-app, and you're building — not configuring.

Two Templates, Two Starting Points

Right now there are two free starter templates, both built on Next.js:

• agency — geared toward agency and portfolio-style landing pages. Ideal if you're shipping a marketing site, a personal portfolio, or a client landing page and want something that already looks intentional.
• blog — set up for content-driven sites. If you're launching a blog, a docs site, or anything article-based, this starter has the layout and content structure already in place.

Both come with FrontAlign's components, theming, and dark mode pre-configured — not just the CSS linked in, but actually set up and ready to use.

# Agency starter (Next.js, default)
npx @frontalign/create-app my-site --template agency

# Blog starter (Next.js, default)
npx @frontalign/create-app my-blog --template blog

Why a CLI Instead of Just Cloning a Repo

You could always clone a repo and rename things by hand. The CLI exists so you don't have to.

When you run @frontalign/create-app, it:

1. Validates your project name, template, and framework choice
2. Copies the selected template into a new folder named after your project
3. Replaces placeholders — like the project name — inside the generated files
4. Automatically runs npm install (or pnpm/yarn, if that's what it detects)
5. Prints your next steps to get the dev server running

No manual find-and-replace, no leftover placeholder text, no forgetting to install dependencies.

Usage

npx @frontalign/create-app<project-name> --template <template> [--framework <framework>]

Next.js is the only supported framework for now, but it won't be the only one for long — Vue support is on the roadmap, with more framework flavors planned after that.

What You're Actually Getting

This isn't a bare Next.js app with a stylesheet linked in. Because it's a FrontAlign project from the first command, you get everything the framework ships with, already available to use:

• Utility-first CSS with modern CSS Layers and OKLCH colors
• Smart, auto-initialized components — modals, dropdowns, carousels, and more
• The built-in JIT compiler, so your production CSS only includes what you use
• Runtime theming and dark mode out of the box
• A zero-dependency JavaScript runtime, already initialized

You're not starting from zero. You're starting from a working product.

Requirements

All you need is Node.js >= 18. No global CLI installs, no extra config files to write by hand before you can run your first command.

Try It

npx @frontalign/create-app my-app --template agency

Pick agency if you're shipping something visual and marketing-facing. Pick blog if you're publishing content. Either way, you'll have a running Next.js app wired to FrontAlign before you've finished your coffee.

Full documentation on components, theming, and customization is available at frontalign.dev/docs.