The first eco-conscious Next.js boilerplate optimized for planet and performance
Start your next project knowing it's optimized for both user experience and planetary health.
Support on GitHub🌱 Purpose
Build eco-conscious applications that minimize environmental impact while maximizing developer productivity and user experience.
⚡ Performance
Optimized for speed with minimal bundle size, efficient rendering, and smart resource management out of the box.
🛠️ Developer Experience
Modern tooling, TypeScript support, and best practices configured for immediate productivity and code quality.
🌍 Sustainability
Carbon-aware features and green coding practices to reduce digital carbon footprint and energy consumption.
🚀 Production Ready
Pre-configured build processes, optimized Dockerfile, and production-grade security practices. Ready to deploy from day one.
🆓 Free & Open Source
Completely free to use and modify. Everyone can contribute to make web development more sustainable together.
🌱 Environmental Impact
Verified benefits of our eco-conscious tech stack
Less CO2
0.3g vs 0.8g per page load
Faster Startup
with Turbopack Dev
Less CSS
~10KB vs 100KB+ production
Faster Linting
Biome vs ESLint
Get Started in Seconds
Clone, install, and start building. It's that simple.
# Clone the repository
git clone https://github.com/NicolasGiaco/green-nextjs-boilerplate.git
cd green-nextjs-boilerplate
# Install dependencies
pnpm i
# Start development server
pnpm devComplete Tech Stack
Everything you need for modern web development, pre-configured and ready to use.
React 19
Server Components
Next.js 15
Turbopack + App Router
TypeScript 5
Type safety
Tailwind CSS 4
Modern styling
Shadcn/ui
Beautiful components
Biome
Fast linting
i18n
Internationalization
SEO Ready
Search optimized
🌍 Environmental Impact Comparison
Verified metrics showing how this eco-conscious stack reduces environmental impact compared to traditional alternatives.
| Metric | This Green Stack | Standard Next.js Setup | Traditional Stack | Environmental Benefit |
|---|---|---|---|---|
| Bundle Size (Gzipped) | ~30-50KB | ~100-150KB | ~200KB+ | Up to 85% smaller |
| Dev Server Startup | 76% faster | Baseline | 2-3x slower | Less CPU usage |
| Build Times | 2-5x faster | Baseline | 30-120s | Lower CI/CD costs |
| Lighthouse Score | 95-100 | 85-90 | 70-85 | Better performance |
| CO2 per Page Load* | ~0.3g | ~0.5g | ~0.8g | 62% less carbon |
| CSS Size (Production) | ~10KB | ~50KB | ~100KB+ | 90% reduction |
| Linting Speed | ~400ms | ~8s | ~10s+ | 20x faster (Biome) |
* CO2 estimates based on Sustainable Web Design Model v4.0 (Website Carbon Calculator)
For Users
Faster loading sites mean less time waiting, reducing device battery consumption and energy usage.
For Developers
Faster builds and efficient tooling mean less development machine energy and reduced CI/CD costs.
For Planet
Smaller bundles and optimized performance reduce server load and network transfer energy globally.
📊 Data Sources & Methodology
All metrics are based on verified benchmarks and industry standards
Carbon Emissions
Based on Sustainable Web Design Model v4.0 and Website Carbon Calculator methodology
Performance Metrics
Turbopack: Official Vercel benchmarks • Biome: Community benchmarks • Tailwind CSS: Production build analysis from official documentation
Green Web Standards
Following W3C Web Sustainability Guidelines 1.0 and Green Web Foundation recommendations
Ready to Build Something Amazing?
Join the movement for sustainable web development. Build fast, efficient, and environmentally conscious applications.