awesome-repositories.com
Blog
MCP
awesome-repositories.com

Discover the best open-source repositories with AI-powered search.

ExploreCurated searchesOpen-source alternativesSelf-hosted softwareBlogSitemap
ProjectMCP serverAboutHow we rankPress
LegalPrivacyTerms
© 2026 Bringes Technology SRL·VAT RO45896025·hello@awesome-repositories.com
web-infra-dev avatar

web-infra-dev/modern.js

0
View on GitHub↗

Modern.js

modern.js is a full-stack web framework and frontend component toolchain. It functions as a development platform for building web applications with integrated routing and server-side rendering, while also serving as a static site generator and a Node.js application scaffold.

The framework utilizes a Rust-based compiler for high-performance bundling to accelerate the transformation and packaging of assets. It employs a convention-over-configuration approach to reduce manual setup and uses plugin-driven extensibility to modify the build pipeline.

The project covers a wide range of capabilities, including nested file-based routing, various rendering strategy optimizations, and the development of reusable component libraries. It also provides tools for project bootstrapping, application styling management, and performance metrics tracking for bundle sizes and compilation speeds.

AI search

Explore more awesome repositories

Describe what you need in plain English — the AI ranks thousands of curated open-source projects by relevance.

Start searching with AI
modernjs.dev/en
↗

Features

  • Full-Stack Web Frameworks - Functions as a full-stack web framework with integrated routing, server-side rendering, and high-performance bundling.
  • File-Based Routing - Maps the directory structure of the source code directly to the URL paths of the web application.
  • Frontend Build Toolchains - Acts as a toolchain for building and packaging reusable user interface elements for distribution.
  • Asset Bundling - Ships a high-performance toolchain for compiling and bundling source code into optimized production files.
  • Production Asset Compilation - Compiles source code into optimized static assets and bundles ready for production environment deployment.
  • Bundlers - Uses a Rust-based compiler for high-performance bundling of JavaScript and CSS assets.
  • Frontend Build Toolchains - Provides a modern frontend toolchain that uses a high-performance bundler and local development servers.
  • Component-Based Architectures - Implements a modular UI architecture that allows components to be distributed as independent libraries.
  • Development Servers - Provides a local execution environment for previewing applications with real-time updates during development.
  • File-System Routing - Implements a file-system routing system that automatically maps directory structures to application navigation paths.
  • Server-Side Rendering - Provides optimized server-side rendering to generate static markup before sending content to the client.
  • Rendering Strategies - Offers a flexible system to configure rendering strategies, allowing a choice between server components, SSR, and static generation.
  • Static Site Generators - Produces pre-rendered HTML pages from a source project to improve load times and search engine visibility.
  • Development Tooling - Provides capabilities to create and package reusable user interface elements for distribution across projects.
  • Build Performance Optimization - Employs a high-performance bundler to significantly reduce build times and accelerate the development cycle.
  • Convention-Over-Configuration Frameworks - Utilizes a convention-over-configuration approach to reduce the need for manual setup files in new projects.
  • Build Pipeline Extensions - Allows the build pipeline to be modified by adding external modules that hook into the compilation process.
  • Backend Server Integration - Provides a system for creating server-side logic within the project to streamline client-server communication.
  • Project Bootstrapping Tools - Provides a command-line tool to scaffold application structures and establish necessary development files.
  • Reusable UI Components - Supports the development and packaging of modular user interface elements to be shared across web projects.
  • Styling Methodologies - Supports various styling methodologies including CSS Modules, CSS-in-JS, and utility-first frameworks.
  • Project Scaffolding - Includes a command-line tool to automatically generate project structures and boilerplate code for Node.js applications.
5,019 stars·413 forks·TypeScript·MIT·20 views

Star history

Star history chart for web-infra-dev/modern.jsStar history chart for web-infra-dev/modern.js

How this analysis was created: This summary and feature list are AI-generated from collected project material and can contain mistakes. Stars, license and language are imported from GitHub. Inclusion does not mean that we have tested or audited this project. Check the source documentation for any feature you depend on. Learn more on our About page.

Projects sharing features with Modern.js

These projects share indexed features with Modern.js. Shared tags can include platform or build tooling; verify the primary use case before treating a result as a replacement.
  • sveltejs/kitsveltejs avatar

    sveltejs/kit

    20,586View on GitHub↗

    SvelteKit is a framework for full-stack web development that combines routing and server-side rendering to create websites with both client-side interactivity and server-side logic. It provides the infrastructure to build a variety of application types, including single page applications and static sites. The project utilizes an adapter-based deployment system to support multi-platform hosting. This allows a single codebase to be packaged for different environments, such as standalone Node servers, serverless edge deployments on Cloudflare, or hosted platforms like Vercel and Netlify. The fr

    JavaScript
    View on GitHub↗20,586
  • nuxt-community/express-templatenuxt-community avatar

    nuxt-community/express-template

    1,240View on GitHub↗

    This project is a starter template that provides a unified environment for building full-stack web applications by integrating the Vue.js framework with an Express server. It functions as a server-side rendering framework, enabling the execution of JavaScript on the server to generate HTML pages before they are delivered to the client. The template distinguishes itself by providing a cohesive architecture that bridges frontend rendering with backend API logic. It includes built-in mechanisms for server-side route protection and cookie propagation, ensuring that authentication states are maint

    Vueexpressexpressjsnuxt
    View on GitHub↗1,240
  • sveltejs/sappersveltejs avatar

    sveltejs/sapper

    6,931View on GitHub↗

    Sapper is a universal web application framework and server-side rendering framework for Svelte. It enables the development of applications that render views on the server for fast initial loads and hydrate them on the client for subsequent interactivity. The project features a file-based routing engine that maps URL paths to components based on the file system structure. It also functions as a static site generator, exporting production-ready HTML, CSS, and JavaScript files for hosting in environments without a live server. The framework covers full-stack development capabilities, including

    TypeScript
    View on GitHub↗6,931
  • nuxt/nuxt.jsnuxt avatar

    nuxt/nuxt.js

    60,458View on GitHub↗

    Nuxt is a full-stack framework for building Vue.js applications. It serves as an application orchestrator that integrates server-side rendering, static site generation, and backend API logic within a single unified project. The framework uses a file-based routing system to automatically generate application URLs based on the project's folder and file structure. It supports multi-strategy web rendering, allowing for a combination of server-side, static, and hybrid rendering techniques to optimize page load speeds and search engine visibility. The project provides automated component discovery

    TypeScript
    View on GitHub↗60,458
Compare all 30 related projects→

Frequently asked questions

What does web-infra-dev/modern.js do?

modern.js is a full-stack web framework and frontend component toolchain. It functions as a development platform for building web applications with integrated routing and server-side rendering, while also serving as a static site generator and a Node.js application scaffold.

What are the main features of web-infra-dev/modern.js?

The main features of web-infra-dev/modern.js are: Full-Stack Web Frameworks, File-Based Routing, Frontend Build Toolchains, Asset Bundling, Production Asset Compilation, Bundlers, Component-Based Architectures, Development Servers.

Which projects share features with web-infra-dev/modern.js?

Projects with overlapping indexed features include: sveltejs/kit — SvelteKit is a framework for full-stack web development that combines routing and server-side rendering to create… nuxt-community/express-template — This project is a starter template that provides a unified environment for building full-stack web applications by… sveltejs/sapper — Sapper is a universal web application framework and server-side rendering framework for Svelte. It enables the… alephjs/aleph.js — aleph.js is a full-stack web framework for the Deno runtime. It integrates server-side logic and client-side… solidjs/solid-start — Solid Start is a full-stack web framework built on Solid.js that combines file-based routing, multi-mode rendering,… nuxt/nuxt.js — Nuxt is a full-stack framework for building Vue.js applications. It serves as an application orchestrator that…