Skip to Content
👋 Hey there! Welcome to the Next.js Starter. Check it out

🔥 Major Framework Updates

We’ve completed significant core framework upgrades to bring you a better development experience!

Note

This is the latest release, and while it has been tested, there may still be some issues that have not been discovered. If you encounter any anomalies or instability, please provide Feedback , and I will fix them as soon as possible.

Nextra v4 Updates

Nextra v4 is now released with major improvements and new features:

  • 🚀 App Router Support: Fully transitioned to Next.js App Router, discontinuing Pages Router, and supporting the latest Metadata API.
  • ⚡ Faster Page Loading: Optimized bundle size and performance for a more responsive website.
  • 🔍 New Search Engine: Rust-powered Pagefind delivers faster and more accurate search results.
  • 🏎️ Turbopack Support: Improved development experience, addressing long-standing community requests.
  • 🌍 RSC + i18n: Enhanced internationalization, making multilingual website development easier.
  • 🎨 Optimized Theme Styles: Improved UI design for better visual consistency.
  • 📱 Better Mobile Adaptation: Optimized display and interaction for smaller screens.
  • 📚 More Powerful Page Collection: The new “Page Map” now collects md/mdx pages and jsx/tsx pages from the app/ directory.
  • 🛠️ Remote MDX Rendering: Supports rendering MDX content from any source while generating proper sidebar navigation.
  • ✨ Enhanced Table of Contents (TOC): Displays Markdown headings accurately, supporting JSX, code blocks, math formulas, and more.

For more details, check out the Nextra v4 Official Migration Guide 

Tailwind CSS v4 Updates

Tailwind CSS v4 has been officially released, introducing several significant improvements and new features:

  • 🚀 New High-Performance Engine: Full builds are up to 5x faster, and incremental builds are over 100x faster, measured in microseconds.
  • 💎 Designed for the Modern Web: Built on cutting-edge CSS features like cascade layers, registered custom properties with @property, and color-mix().
  • 🎯 Simplified Installation: Fewer dependencies, zero configuration, and just a single line of code in your CSS file.
  • 📦 First-Party Vite Plugin: Tight integration for maximum performance and minimum configuration.
  • 🔍 Automatic Content Detection: All of your template files are discovered automatically, with no configuration required.
  • 📂 Built-In Import Support: No additional tooling necessary to bundle multiple CSS files.
  • 🛠️ CSS-First Configuration: A reimagined developer experience where you customize and extend the framework directly in CSS instead of a JavaScript configuration file.

For more details, please refer to the Tailwind CSS v4 Upgrade Guide  and Tailwind CSS Blog 

Migration Tips

For a smooth upgrade process, we recommend:

  1. Test the upgrade in a development environment first
  2. Check custom component compatibility
  3. Monitor console for any warnings
  4. Follow the official migration guides step by step

Documentation & Support

Roadmap

We’ll continue optimizing framework performance and plan to add more useful features. Stay tuned!

If you find this project useful or like the work I’ve done, please consider clicking the ⭐️ Star  button to show your support! Each star motivates me to keep improving. Thank you! 😊

Last updated on: