Best of Vite2025

  1. 1
    Article
    Avatar of itnextITNEXT·45w

    Hacker Screen Builder

    A web-based tool that creates cinematic hacker-style interfaces through drag-and-drop widgets including satellite maps, 3D globes, progress bars, and facial recognition animations. Built using AI assistance from ChatGPT for ideation, Google AI Studio for frontend generation, and GitHub Copilot for backend development. Features customizable widgets, screen testing, and shareable links for saved configurations.

  2. 2
    Article
    Avatar of collectionsCollections·29w

    Vite+: Revolutionizing JavaScript Tooling with Unified Solutions

    VoidZero announced Vite+, a unified JavaScript toolchain that integrates Rolldown, Oxlint, Vitest, and Oxc into a single platform. Built on Rust and created by Evan You, it provides scaffolding, testing, linting, formatting, bundling, and task running capabilities without cloud dependencies. The source-available commercial product will be free for open source projects and small businesses, with paid tiers for larger organizations. First public preview expected in early 2026.

  3. 3
    Video
    Avatar of awesome-codingAwesome·43w

    A clean and simple stack for modern web dev

    The BEVR stack combines Bun (runtime/package manager), Hono (backend framework), Vite (build tool), and React to create a modern web development setup. This stack offers faster package installation, lightweight backend APIs, instant frontend builds, and type-safe communication between client and server through shared TypeScript definitions in a monorepo structure. The setup provides flexibility for deployment, allowing both bundled and separate hosting options.

  4. 4
    Article
    Avatar of newstackThe New Stack·32w

    How Vite Became the Backbone of Modern Frontend Frameworks

    Vite has rapidly become the dominant build tool for modern frontend frameworks within just five years. Created by Evan You, Vite leverages ES Modules to provide faster development experiences compared to Webpack. Starting as Vue Dev Server in 2019, it evolved into a framework-agnostic tool with Vite 2.0 in 2021, gaining adoption across Vue, React, Svelte, Astro, and other frameworks. You's company VoidZero is now developing Vite+, a unified toolchain that combines multiple Rust-based tools with AI integration features.

  5. 5
    Article
    Avatar of communityCommunity Picks·1y

    Building a CRUD app with Shadcn UI and Refine

    Learn how to integrate Shadcn UI components with a Refine app using Vite and TypeScript. This post walks you through setting up TailwindCSS, configuring TypeScript and Vite, and generating Shadcn components such as tables, buttons, and pagination for a seamless UI experience.

  6. 6
    Article
    Avatar of hnHacker News·40w

    comptime.ts — compile-time expressions for TypeScript

    comptime.ts is a TypeScript compiler that enables compile-time evaluation of expressions marked with 'comptime', moving computations from runtime to build time for performance optimization. It supports Vite and Bun bundlers, offers CLI and API usage, and can handle promises and complex expressions. The tool requires JSON-serializable return values and provides safety warnings about compile-time code execution.

  7. 7
    Article
    Avatar of newstackThe New Stack·19w

    Trends That Defined JavaScript in 2025

    JavaScript in 2025 saw a shift toward performance optimization and web standards, with developers questioning React's dominance as modern browsers matured. Signals emerged as a key reactivity pattern across Angular, Vue, Solid, and Svelte. Compilers took on more optimization work, with React Compiler and Svelte 5's Runes automating performance improvements. VoidZero launched Vite+ as a unified Rust-based toolchain to address JavaScript's fragmentation. AI integration moved to the frontend through MCP servers and browser-based machine learning libraries, while new frameworks like Hono, Mastro, and Wasp addressed specific use cases from edge computing to multipage apps.

  8. 8
    Article
    Avatar of denoDeno·36w

    Fresh 2.0 Graduates to Beta, Adds Vite Support

    Fresh 2.0 has graduated to beta after 63 alpha releases, introducing optional Vite integration that brings hot module reloading, 10x faster boot times, automatic React aliasing, and access to the full Vite plugin ecosystem. The update includes the return of the Head component and maintains backward compatibility while offering significant performance improvements through on-demand route loading and server code bundling.

  9. 9
    Article
    Avatar of freecodecampfreeCodeCamp·37w

    How to Build Micro Frontends in React with Vite and Module Federation

    Module Federation enables sharing React components between separate applications at runtime. This comprehensive guide demonstrates setting up a micro frontend architecture using Vite and the @originjs/vite-plugin-federation plugin. It covers creating host and remote applications, configuring module federation, building shareable components, handling TypeScript declarations, and showcasing how remote components can be updated independently without rebuilding the host application.

  10. 10
    Article
    Avatar of ergq3auoeReinier·21w

    TanStack Start Full Course - Build and Deploy a Production-Ready Full Stack App

    A comprehensive 4-hour video course teaching how to build and deploy a production-ready ecommerce application using the TanStack ecosystem. The course covers TanStack Start, Router, Query, and Form, explaining how these tools work together with Vite, Nitro, and Vinxi. It includes comparisons with Next.js and demonstrates modern React full-stack framework architecture through hands-on development.

  11. 11
    Article
    Avatar of lnLaravel News·26w

    Laravel News

    HydePHP v2.0 is a static site generator built on Laravel that combines Markdown with modern tooling. The release introduces Vite for frontend builds, a redesigned navigation API, enhanced asset management, and improved documentation features with smart natural language processing. Breaking changes include Tailwind CSS v4 upgrade, ESM module migration, and new configuration formats for navigation and features.

  12. 12
    Article
    Avatar of zm9ygopz3yls2dgmror3xInjamul islam·29w

    The Future of Vite is Paid: A Deep Dive into Vite+

    Vite+ is a new commercially licensed, unified web development toolchain built on Rust that integrates linting, formatting, testing, bundling, and monorepo management into a single platform. While it promises superior performance and reduced tooling fragmentation with a free tier for individuals and small businesses, the shift from open-source to a commercial model raises questions about adoption in a community that traditionally favors free tools. The move highlights the ongoing challenge of sustainably funding critical development infrastructure, though concerns remain about whether the value proposition is compelling enough for enterprises to switch from existing solutions.

  13. 13
    Article
    Avatar of nuxt_sourceNuxt·36w

    Nuxt 4.1 · Nuxt Blog

    Nuxt 4.1 introduces enhanced build stability through import maps that prevent cascading hash changes, experimental Rolldown support for faster Rust-powered bundling, and improved lazy hydration macros. The release includes new module development features like dependency management, lifecycle hooks, and enhanced file resolution utilities. Performance optimizations include better route rules cache management and TypeScript processing improvements.

  14. 14
    Article
    Avatar of infoqInfoQ·26w

    TanStack Start - A New Meta Framework Powered By React Or SolidJS

    TanStack Start v1 launches as a production-ready full-stack framework built on TanStack Router and Vite, supporting React and Solid applications. It features type-safe routing and APIs, streaming SSR with hydration, server functions, and universal deployment across platforms like Cloudflare Workers, Netlify, Vercel, and Node/Bun. Performance benchmarks show significant improvements over Next.js in bundle size and metrics. The framework allows incremental adoption for existing TanStack Router applications and includes migration guides for Next.js users, positioning itself as a compelling alternative to established meta-frameworks.

  15. 15
    Article
    Avatar of ullwwn37zsilljprgbshiAvijit Dey·29w

    Tired of setting up Vite + React + Tailwind again and again?

    create-vrtw is a CLI tool that automates the setup of React projects with Vite, offering built-in configuration for Tailwind v4 or Bootstrap 5, optional extras like React Router or Redux, and removes default boilerplate code. It works with npm, bun, pnpm, and yarn package managers.

  16. 16
    Video
    Avatar of awesome-codingAwesome·26w

    Good things are still happening in the web dev world...

    Void Zero raised $12.5 million in Series A funding to build a unified, high-performance JavaScript toolchain. The company, founded by Vue.js and Vite creator Evan You, has achieved significant milestones: Vite surpassed Webpack in weekly downloads, Vitest's browser mode became stable, Rolldown reached 1 million weekly downloads, and the Rust-based Oxc compiler aims to eliminate performance bottlenecks in JavaScript tooling. This investment signals growing recognition that developer experience and tooling infrastructure deserve serious funding and attention.

  17. 17
    Article
    Avatar of jakearchibaldJake Archibald·29w

    Importing vs fetching JSON

    JSON module imports are now baseline across browsers, but they have important behavioral differences from fetch(). Module imports cache data for the page lifetime and can cause memory leaks with dynamic data or large objects, while fetch() allows garbage collection. Error handling with fetch() also provides better introspection through response status and text fallbacks. JSON imports work best for local static resources that bundlers can optimize, but fetch() remains the better choice for API calls and dynamic data.

  18. 18
    Article
    Avatar of nuxt_sourceNuxt·28w

    Nuxt 4.2 · Nuxt Blog

    Nuxt 4.2 introduces abort control for data fetching with AbortController signals, enhanced development error pages showing both custom pages and technical overlays, and experimental TypeScript plugin support for improved DX. The release includes opt-in Vite Environment API support, a new @nuxt/nitro-server package for modular server integration, and experimental async data handler extraction that can reduce bundle sizes by up to 39% for static sites. Performance improvements include precomputed renderer dependencies and reduced package dependencies, along with fixes for route hash preservation and component auto-imports.

  19. 19
    Article
    Avatar of logrocketLogRocket·36w

    The silent shift to Vite: What it means for your stack

    Vite has surpassed Webpack in weekly downloads, reaching 140 million, marking a significant shift in JavaScript build tools. The transition reflects developers' preference for faster build times, instant hot reloads, and simpler configuration. While Webpack dominated for years with its comprehensive bundling capabilities, Vite leverages native ES modules for instant server startup and near-instant hot module replacement. For new projects, Vite is recommended as the default choice, while existing Webpack projects should only migrate if experiencing performance issues or configuration complexity.

  20. 20
    Video
    Avatar of awesome-codingAwesome·30w

    Vite just got too big to ignore…

    Vite has surpassed 150 million weekly downloads and become the dominant build tool for modern front-end development. Unlike Webpack's slow bundling approach, Vite leverages native ES modules to serve source files directly during development, resulting in instant server startup and near-instant hot module replacement. Its lean core philosophy delegates features to plugins while using fast native tools like esbuild and SWC for performance. The tool supports code splitting, dynamic imports, and server-side rendering out of the box, with production builds optimized through Rollup for minimal bundle sizes and efficient caching.

  21. 21
    Video
    Avatar of jherrJack Herrington·1y

    Is Bun The End Of Vite?

    Bun offers a compelling alternative to Vite by supporting features like serving static assets, integrating with Tailwind, and running HTML files directly. It can even run a server with API endpoints. The post explores setting up Bun, creating an HTML file, serving CSS, integrating React, and configuring Tailwind. Additionally, it demonstrates creating a server and fetching API data using modern React 19 features such as useSuspense.

  22. 22
    Article
    Avatar of weeklyvuenewsWeekly Vue News·22w

    Weekly Vue News #227 - Mastering Nuxt Layers, DevTools & Vite 8 Beta

    A weekly newsletter covering Vue.js ecosystem updates, including topics on Nuxt Layers architecture, developer tooling improvements, and the Vite 8 beta release. The newsletter aggregates recent developments and resources for Vue developers.

  23. 23
    Video
    Avatar of denoDeno·33w

    Fresh 2 just dropped and now is the time to learn it

    Fresh 2 has reached beta after 63 alpha releases, introducing major improvements including an Express-like API, async components, plugin system, and Vite support. The new version offers hot module reloading, better React package handling, and significantly faster boot times (from 86ms to 8ms). While maintaining its core zero-runtime JavaScript philosophy with server-rendered HTML and islands architecture, Fresh 2 provides a more practical development experience with modern tooling expectations.

  24. 24
    Article
    Avatar of svelteSvelte Blog·45w

    What’s new in Svelte: July 2025

    Svelte ecosystem updates include Vite 7 and Rolldown support in SvelteKit for faster compilation, improved $inspect.trace logging with source names, and Vitest browser mode support in the CLI. The community showcased new apps like Planet Poster and Prodcast, while libraries received major updates including shadcn-svelte v1.0 release and Storybook 9 with Svelte 5 support.

  25. 25
    Video
    Avatar of denoDeno·1y

    Build a Full Stack App in 3 Minutes

    Deno 2 offers full compatibility with Node.js and NPM, enhancing developer experience and performance. This guide illustrates building a web app using the SolidJS library paired with Deno. Backend setup involves using Hono installed via JSR, creating endpoints, and setting up the frontend with Vite. The app features a dinosaur catalog with dynamic routing, ensuring type safety and efficient state management.