For a meta-framework for building sites with SolidJS, the strongest matches are solidjs/solid-start (Solid Start is SolidJS's official meta-framework, offering file-based routing), sveltejs/sapper (Sapper is a meta-framework for Svelte, not SolidJS, so) and sveltejs/kit (SvelteKit is a full-stack meta-framework, but it is built). zeit/next.js and gatsbyjs/gatsby round out the shortlist. Each is ranked by relevance to your query, popularity and recent activity.
High-performance web development frameworks built on top of the SolidJS reactive library for server-side rendering.
Solid Start is a full-stack web framework built on Solid.js that combines file-based routing, multi-mode rendering, and client hydration into a single application framework. It enables developers to build complete web applications with server-rendered pages, client-side interactivity, and API endpoints from one codebase, while supporting deployment across multiple hosting platforms through a system of platform-specific adapters. The framework distinguishes itself through its multi-mode rendering engine, which allows per-page selection between client-side rendering, server-side rendering, stat
Solid Start is SolidJS's official meta-framework, offering file-based routing, multi-mode rendering (SSR, SSG, SPA), client hydration, and API endpoints, which directly fulfills the search for a SolidJS-based web application framework with all the listed features.
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
Sapper is a meta-framework for Svelte, not SolidJS, so it does not match the requirement of building on top of the SolidJS UI library despite sharing many of the same architectural features.
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
SvelteKit is a full-stack meta-framework, but it is built for Svelte, not SolidJS—so while it offers all the routing and rendering features you want, it targets a different UI library entirely.
Next.js is a full stack web framework designed for building applications with React. It functions as a React web framework that integrates a server-side rendering engine, a static site generator, and a dedicated application router to manage page-based navigation and dynamic URL segments. The framework enables the development of both frontend user interfaces and backend server logic within a single codebase. It provides a unified environment for full stack web development, allowing frontend and backend components to be built and managed together. The system focuses on frontend performance opt
Next.js is a full-featured meta-framework with SSR, SSG, file-based routing, and API routes, but it is designed for React, not SolidJS, so it does not match the SolidJS-specific requirement.
Gatsby is a React static site generator and hybrid rendering framework used to build websites by pre-rendering components into static HTML files for delivery via content delivery networks. It functions as a hybrid rendering platform that supports a combination of static generation, server-side rendering, and deferred page loading. The framework operates as a GraphQL data aggregator, pulling content from various APIs, headless CMS integrations, and files into a single unified schema for frontend queries. It also serves as a frontend performance optimizer, automating code splitting, resource pr
Gatsby is a React-based meta-framework with the features you want, but it is built for React, not SolidJS, so it does not match the requirement of a SolidJS-specific meta-framework.
This project is a GraphQL web application with a React frontend that utilizes server-side rendering to generate HTML on the server for improved initial load times and search engine indexing. The application supports both static site generation for fast delivery via pre-rendered HTML files and containerized deployment to ensure consistent runtime behavior across different environments. The project includes capabilities for GraphQL data integration, frontend asset optimization through code-splitting, and component UI verification using snapshot testing. It also provides a mechanism for managin
This is a React/Next.js application, not a SolidJS meta-framework — it uses the wrong UI library and does not provide the SolidJS-specific routing, rendering, or deployment tools the visitor needs.
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
Nuxt is a full-stack framework for building Vue.js applications, but this search specifically requires a meta-framework built on SolidJS — Nuxt uses Vue, not Solid.
Choo is a minimalist frontend framework providing a tiny foundation for building web applications. It functions as an event-driven application core that decouples business logic from rendering and includes a client-side router to manage browser history and URL mapping without page reloads. The project distinguishes itself through an architecture that combines a server-side rendering engine for generating static HTML strings with a stateful UI component library. This allows for the creation of self-contained interface elements that maintain internal data and persist across global renders. The
Choo is a self-contained minimalist frontend framework with its own server-side rendering and client routing, but it is not built on top of SolidJS — it is a separate framework rather than a meta-framework for the SolidJS library.
Astro is a content-driven web framework designed for building multi-page applications that prioritize performance by shipping minimal JavaScript to the browser. It functions as a static site generator and server-side rendering engine, transforming source files into optimized HTML documents. By utilizing an island architecture, the framework isolates interactive components within static pages, ensuring that only necessary code is hydrated on the client side. The framework provides a unified build pipeline that supports component-agnostic rendering, allowing developers to integrate components f
Astro is a content-driven meta-framework that can integrate SolidJS components, but it is not a SolidJS-specific framework — it supports multiple UI libraries, so it's a neighbouring category rather than the dedicated SolidJS tool you're looking for.
aleph.js is a full-stack web framework for the Deno runtime. It integrates server-side logic and client-side interactivity within a single environment to build complete web applications. The framework functions as a server-side rendering system and a static site generator, producing pre-rendered HTML to improve search engine visibility and initial load speeds. It utilizes a file-based router that automatically maps the project directory structure to application URLs for both pages and API endpoints. The project includes capabilities for markdown-based content management, transforming markdow
aleph.js is a full-stack meta-framework for Deno, but its ecosystem is built around React (as shown by its topics and integration), not SolidJS, so it does not match the specific intent for a SolidJS-based framework.
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
modern.js is a full-stack web framework with SSR and file-based routing, but it is built for React rather than SolidJS, so it does not serve as a SolidJS-specific meta-framework.
Fresh is a server-side web framework for the Deno runtime designed for building websites with native TypeScript support. It functions as a zero-JavaScript server-side renderer that sends only HTML to the browser by default to eliminate client-side runtime overhead. The framework implements an islands architecture, which delivers static HTML and selectively activates JavaScript only for specific interactive components. It utilizes a file-system based router that automatically maps directory structures and filenames to URL patterns without requiring a central configuration file. The platform c
Fresh is a Deno-native meta-framework with file-based routing and islands architecture, but it uses Preact/JSX instead of SolidJS, so it is not the SolidJS-specific tool you need.
| Repository | Stars | Language | License | Last push |
|---|---|---|---|---|
| solidjs/solid-start | 5.9K | TypeScript | MIT | |
| sveltejs/sapper | 6.9K | TypeScript | MIT | |
| sveltejs/kit | 20.6K | JavaScript | MIT | |
| zeit/next.js | 140.1K | JavaScript | MIT | |
| gatsbyjs/gatsby | 55.9K | JavaScript | MIT | |
| clintonwoo/hackernews-react-graphql | 4.5K | TypeScript | mit | |
| nuxt/nuxt.js | 60.5K | TypeScript | MIT | |
| choojs/choo | 6.8K | JavaScript | MIT | |
| withastro/astro | 60.4K | TypeScript | NOASSERTION | |
| alephjs/aleph.js | 5.2K | TypeScript | MIT |