Next.js Developer Kit
Your minimalist starter kit for fast, modern websites.
Developed by Dario Evaristo Bellotta & Google Antigravity.
Overview
The Next.js Developer Kit is a minimalist, high-performance starter boilerplate engineered by Dario Evaristo Bellotta. Built to serve as a reusable architectural foundation for future web applications, browser games, and client projects, the kit eliminates repetitive setup tasks while maintaining strict zero-bloat principles, minimal server load, and maximum Core Web Vitals performance.
Engineering with Google Antigravity
Google Antigravity is an advanced agentic AI development environment created by Google DeepMind. Built for pair-programming and complex software architecture, Antigravity acts as an autonomous coding partner capable of system design, real-time log inspection, performance auditing, and codebase refactoring.
This Developer Kit was designed, structured, and optimized through pair-programming between Dario Evaristo Bellotta and Google Antigravity. By leveraging AI-assisted agentic workflows, the kit achieved rapid iteration, automated cross-browser CSS prefixing, and strict optimization across Web Vitals and security protocols.
Key Technical Specifications
1. Framework & Core Architecture
- Next.js 16 (App Router) & React 19: Built with pure JavaScript (JSX) for maximum clarity and compatibility.
- Vercel Edge Ready: Native deployment configuration with automated dual-domain 301 permanent redirection (e.g., matching .com to primary .de domain).
2. Design System & Styling
- Google Material Design 3: Fully custom implementation using vanilla CSS without third-party frameworks like Tailwind.
- HSL Color Token System: Highly customizable HSL color variables supporting soft container backgrounds, state layer opacities, and fluid easing curves.
- Cross-Browser Compatibility: Includes WebKit prefixes for Safari/iOS rendering and dedicated Gecko styling for Firefox scrollbar handling.
3. Performance & Web Vitals Optimization
- Zero Cumulative Layout Shift (CLS = 0): Includes a dedicated image wrapper component with reserved aspect-ratio containers and smooth opacity fade-in.
- Font Optimization: Powered by next/font/google using Inter and Libre Baskerville with display: swap, font subsetting, and DNS preconnect hints.
4. Search Engine Optimization & Structured Data
- Schema.org Knowledge Graph: Integrated JSON-LD structured data for WebSite, Organization, and Person entities.
- Dynamic Search Endpoints: Automated sitemap.js and AI-inclusive robots.js configured to permit all major search engines and AI web crawlers (e.g., GPTBot, ClaudeBot, PerplexityBot).
5. Security & Privacy
- HTTP Security Headers: Pre-configured next.config.mjs headers including Strict-Transport-Security (HSTS), X-Frame-Options (DENY), X-Content-Type-Options (nosniff), and strict Referrer-Policy.
- Consent Management: GDPR-compliant cookie consent banner connected asynchronously to Google Tag Manager via the non-blocking afterInteractive execution strategy.
6. Developer Experience & Tooling
- Environment Schema: Provided .env.example template for structured API key and domain configuration.
- Bundle Inspection: Integrated @next/bundle-analyzer and cross-platform npm scripts to maintain continuous control over JavaScript bundle sizes.
