Skip to content

A lightweight alternative to Next.js for building modern React applications Features TypeScript & JSX Support Fast Development Server ES Modules for Modern Development Zero Configuration Hot Module Reloading API Routes CSS Modules. *Note: this appears as a fork but its not I got locked out of my main Github account so I had to fork it.

License

Notifications You must be signed in to change notification settings

Nom-nom-hub/next-lite-main

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

59 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Next-Lite Logo

Next-Lite

A lightweight, high-performance alternative to Next.js

npm version npm downloads license build status bundle size github stars

Next-Lite is a zero-dependency, blazing-fast React framework that prioritizes speed and simplicity. Built with esbuild at its core, Next-Lite offers a streamlined development experience while maintaining the essential features modern web developers need.

Why Next-Lite? 🤔

  • Blazing Fast ⚡️ - Built on esbuild, offering build times up to 100x faster than traditional bundlers
  • Zero Config 📦 - Start coding immediately with sensible defaults
  • Zero Dependencies 🔄 - No external runtime dependencies for maximum reliability and security
  • Minimal Footprint 🌱 - Tiny package size (15.9 kB) compared to Next.js (5+ MB)
  • Developer Friendly 💻 - Great DX with hot module replacement and instant feedback

Core Features 🎯

  • ⚡️ Lightning Fast Development

    • Near-instant builds with esbuild
    • Hot Module Replacement (HMR) for rapid development
    • Fast refresh for React components
  • 📁 Intuitive File-Based Routing

    • Automatic route generation based on your file structure
    • Dynamic routing support
    • API routes for backend functionality
  • 🎨 Modern Styling Solutions

    • CSS Modules support out of the box
    • Scoped styles with zero configuration
    • PostCSS integration
  • 💪 TypeScript First

    • First-class TypeScript support
    • Automatic type generation
    • Enhanced developer experience with type safety

Quick Start 🏃‍♂️

# Create a new Next-Lite app
npx create-next-lite-app my-app

# Navigate to your app
cd my-app

# Start the development server
npm run dev

You can also use the interactive mode by running npx create-next-lite-app without arguments, or specify options:

# Create a TypeScript project
npx create-next-lite-app my-app --typescript

# Use flash-install for faster dependency installation
npx create-next-lite-app my-app --use-flash

# Create from an example
npx create-next-lite-app my-app --example with-tailwind

Visit http://localhost:3000 to see your app in action!

Supercharged Installation with flash-install ⚡️

For even faster dependency installation, we recommend using flash-install, a high-performance alternative to npm install:

# Install flash-install globally (one-time setup)
npm install -g @flash-install/cli

# Use flash-direct instead of npm install for maximum speed
flash-direct install

# Or create a snapshot for future installations
flash-install snapshot

# Restore from snapshot (ultra-fast)
flash-install restore

Why flash-install with Next-Lite?

The combination of Next-Lite and flash-install creates the ultimate high-performance React development environment:

  • 10-20x Faster Installations: flash-install dramatically reduces dependency installation time
  • Perfect Synergy: Zero-dependency Next-Lite + ultra-fast flash-install = unbeatable developer experience
  • Snapshot Caching: Create snapshots of your node_modules for near-instant restoration
  • Reduced Disk I/O: Less strain on your development machine
  • Team Productivity: Everyone on your team benefits from faster setup times

Learn more about flash-install at npmjs.com/package/@flash-install/cli

Project Structure 📂

my-app/
├── pages/           # Your application pages
│   ├── index.tsx    # Homepage
│   ├── about.tsx    # About page
│   └── api/         # API routes
├── public/          # Static files
└── package.json

Development Commands 🛠️

# Start development server with HMR
npm run dev

# Build for production
npm run build

# Start production server
npm start

# Clean build files
npm run clean

Performance Comparison 📊

Feature Next-Lite Next.js
Package Size 15.9 kB 5+ MB
Dependencies 0 50+
Dev Startup Time ~300ms ~3s
Production Build ~2s ~20s
Bundle Size (Base) ~80KB ~200KB
Memory Usage (Dev) ~200MB ~500MB
Installation Time ~5s ~30s
Installation with flash ~1s ~10s
Cold Start (Serverless) ~100ms ~800ms

Contributing 🤝

We welcome contributions! Whether it's:

  • 🐛 Bug fixes
  • ✨ New features
  • 📚 Documentation improvements
  • 🎨 UI/UX enhancements

Please read our Contributing Guide for details on our code of conduct and the process for submitting pull requests.

License 📄

MIT © [Teck] - See LICENSE for more details.

Support 💬


Built with ❤️ by the Next-Lite Team

About

A lightweight alternative to Next.js for building modern React applications Features TypeScript & JSX Support Fast Development Server ES Modules for Modern Development Zero Configuration Hot Module Reloading API Routes CSS Modules. *Note: this appears as a fork but its not I got locked out of my main Github account so I had to fork it.

Resources

License

Contributing

Stars

Watchers

Forks

Packages

No packages published

Languages

  • JavaScript 52.9%
  • TypeScript 37.1%
  • CSS 6.5%
  • MDX 2.8%
  • HTML 0.7%