Rapidly build lead magnets and proof of concepts
A streamlined Next.js starter template optimized for quickly building high-converting lead magnets and proof of concepts using AlignUI design tokens and Tailwind CSS.
- 🔸 Lightning-fast setup for lead generation pages
- 🔸 AlignUI design tokens for consistent branding
- 🔸 Responsive layouts with Tailwind CSS
- 🔸 Pre-built conversion-focused components
- 🔸 Dark/light mode toggle included
- 🔸 Ready for analytics integration
- 🔸 Optimized for performance
- 🔸 Minimal dependencies for quick iteration
- Landing pages for lead capture
- Email newsletter sign-up forms
- Webinar/event registration pages
- Product concept validation
- Simple feature demonstrations
- Micro-sites for marketing campaigns
Install dependencies
pnpm iRun the development server:
pnpm devOpen http://localhost:3000 with your browser to see the result.
1. Pull environment variables (if using Vercel)
pnpm env:pull2. Start the database (requires Docker)
pnpm db:start3. Start development environment
pnpm devThis runs:
- Next.js dev server with Turbo
- Database management studio
- Email preview server (at http://localhost:3001)
Additional Commands
pnpm db:studio # Open database management UI
pnpm db:push # Push schema changes to database
pnpm format # Format code with Prettier
pnpm lint # Run ESLint
pnpm typecheck # Run TypeScript checksModify design tokens in the tailwind.config.ts file to match your brand. The boilerplate leverages AlignUI's design system for rapid styling while maintaining visual consistency.