Docklight — Next.js SaaS Starter

Built for next.js saas starter projects, the project keeps presentational components separate from data access so either can be replaced without disturbing the other.

The file layout follows current framework conventions, so the project stays recognisable to any developer joining it later.

• Developers starting a next.js saas starter projects project
• Founders validating an idea before investing in custom design
• Agencies standardising their project setup
• Teams replacing an ageing front end incrementally

• Marketing site + pricing page
• Dashboard shell layout
• Sign-in/sign-up page templates
• Shared design token system
• Routing and shared layout already configured
• Typed components throughout
• Utility-first styling with a small token layer
• Responsive page structures
• Reusable card, form and navigation components
• Loading and error boundaries
• SEO-ready document head handling
• Accessible interactive components

The starter itself, supplied as React, Next.js, TypeScript, Tailwind CSS, together with the licence tier you select at checkout and any future revisions to this product.

Package contents are listed under What's included on this page. Product updates are available from your DistroSource library at no additional cost.

Node.js 18+

• Node.js 18 or newer
• Working knowledge of React

• Step 1. Install dependencies and run the development server.
• Step 2. Update the token and configuration files with your brand values.
• Step 3. Replace the sample content and connect your data source.
• Step 4. Deploy using the framework's standard production build.

• Restyle globally by editing the token layer
• Add routes following the existing folder convention
• Swap the data layer without touching presentational components
• Extend or replace individual components in isolation

• Personal — for your own private, non-commercial projects. Not for client work or anything that generates revenue.
• Commercial — for one commercial project or one client project. A separate licence is needed for each additional project.
• Agency — for multiple client projects, up to the limits stated on this page and recorded on your order.

No tier permits reselling or redistributing the files themselves, and none grants resale of source files.

Questions about this starter are handled through your DistroSource account — open a support ticket from the order and include your order number. Licensing questions are answered on the Licenses page.