Open-source alternatives to Next Learn

This project is a starter template and boilerplate for building isomorphic web applications using React, Redux, and Express. It functions as a server-side rendering framework that generates HTML on the server and rehydrates it on the client to improve search engine optimization and initial page load speeds. The project is distinguished by its focus on developer experience, featuring a configuration for hot module replacement. This allows for the real-time updating of the user interface and application state during development without requiring a full browser refresh. The framework provides c

This project is a comprehensive administrative dashboard template built on Bootstrap 5. It provides a modular library of pre-designed interface components, page layouts, and form elements intended to accelerate the construction of responsive web applications. The framework is designed to be lightweight, utilizing native browser scripting for all interactive behaviors to eliminate dependencies on heavy external libraries. The template distinguishes itself through a focus on performance and customization. It includes a task-runner-based asset pipeline that automates the compilation, minificatio

Vugu is a Go WebAssembly UI library and framework used to build type-safe, component-based single-page applications. It functions as a single-file component framework that bundles markup, styles, and logic into modular units, utilizing a virtual DOM engine to synchronize state changes with the browser output. The project features a Go component generator that converts custom UI templates into executable Go source code at compile time. It distinguishes itself through a WebAssembly-based runtime that executes application logic as a compiled binary in the browser and a server-side rendering tool

This project is a client-side data management library and query orchestrator designed to synchronize remote server state with local client state. It functions as a type-safe state manager and cache orchestrator that coordinates data loading across diverse backends, including REST, GraphQL, and WebSockets. The system distinguishes itself through a durable workflow engine for executing asynchronous functions with persisted state and deterministic replay. It also provides a standardized AI integration adapter to connect large language models to application data, supporting real-time response str

This repository serves as a comprehensive collection of reference implementations for the Remix web framework. It provides practical examples of full-stack web development, demonstrating how to build dynamic, server-rendered applications that bridge server-side logic with client-side interactivity. By leveraging a component-based architecture, these examples illustrate core patterns for managing data, routing, and user interfaces within a unified development environment. The collection highlights the framework's distinctive approach to web architecture, emphasizing server-side data loading an

Webstudio is a visual CMS and website builder that provides a visual development environment for designing and publishing websites. It functions as an AI-powered design tool, a REST and GraphQL API client, and an atomic CSS compiler. The platform distinguishes itself through generative AI capabilities for creating layout variants and refining visual styles from text prompts. It integrates a headless CMS workflow that maps external data sources to visual components and utilizes a specialized compiler to convert design tokens into deduplicated atomic CSS for optimized page load speeds. The sys

projectnext13car_showcase is a server-rendered web application built with TypeScript and React that functions as a searchable and filterable vehicle catalogue. The project relies on file-based routing and server-side component rendering to fetch external vehicle datasets and deliver pre-rendered pages to the client. The application incorporates a modular component library styled with utility-first CSS classes for responsive multi-device layouts. Users can browse extensive inventories by filtering vehicle listings according to manufacturer, model, production year, and fuel type. Paginated da

next-sitemap is an SEO automation tool and sitemap generator for Next.js. It provides a system for automatically creating XML sitemaps and robots.txt files to manage search engine indexing for static, dynamic, and server-side pages. The tool differentiates itself through support for multi-language SEO management, allowing for the configuration of language alternate tags and localized URL versions. It also handles large-scale sitemap organization by splitting massive URL sets into multiple smaller files and creating a primary sitemap index to comply with search engine limits. The project cove

v3-admin-vite is a Vue 3 admin template and frontend framework used for building administrative dashboards and internal business tools. It utilizes Vite for module bundling, providing hot module replacement during development and optimized builds for production. The project features a themeable management interface with customizable visual styles and dark mode toggles. It includes a responsive dashboard layout that adapts navigation and content displays across desktop and mobile screen resolutions. The framework implements role-based access control to manage user permissions and restrict acc

This is the template I use to start new full-stack projects.

Meet Genius

This project is a Hacker News clone built with Vue.js. It serves as a demonstration of a server-side rendered application and a progressive web app that supports offline access and mobile installation. The application showcases the implementation of centralized state management for coordinating global data flow and a routing system that features route-level code splitting and animated view transitions. It covers broader capabilities in frontend route optimization, server-side rendering for improved initial load speeds, and the use of service workers and app manifests to enable offline functi

Apollo Universal Starter Kit is a full-stack application boilerplate and starter template designed to accelerate cross-platform development across web, mobile, and server environments. It provides a modular architecture that organizes code into independent, self-contained feature directories, combined with a GraphQL-driven data layer and a server-side rendering pipeline to optimize performance and search engine optimization. The project incorporates compile-time code generation tooling to automatically scaffold schemas, resolvers, and components, alongside a real-time subscription engine for

Taxonomy is a full-stack application template and reference implementation built with the Next.js app router. It serves as a comprehensive starter for developing web applications using server components and modern React patterns. The project integrates a variety of specialized systems, including an identity management workflow for OAuth and session handling, and a billing system for managing recurring subscriptions and payment events. It also features a content pipeline that transforms Markdown and JSX files into type-safe data collections for rendering blogs and documentation. The architect

wmr is a web application development tool and build system that functions as an ES modules bundler, static site generator, and local development server. It provides a complete environment for creating modern web applications, combining a production compiler with a server that supports hot reloading. The project is distinguished by its integrated approach to background scripts and routing, serving as both a service worker bundler and a tool for filesystem-based routing. It enables the generation of static HTML via prerendering and provides native integration for spawning web workers to handle

This project is a Vue.js single page application that serves as a full-stack blogging platform. It demonstrates the implementation of a frontend interface connected to a standardized backend API to manage data and user sessions. The application features a REST API client for performing create, read, update, and delete operations on resources. It includes a complete user authentication workflow for sign-up and login processes to maintain session state and restrict access to private pages. The architecture incorporates centralized state management to synchronize data across components, client-

Vike is a full-stack web framework that provides server-side rendering with client-side hydration, static site generation, and file-based routing. It operates as a plugin-based web framework with a universal JavaScript runtime, allowing the same code to run on both server and client environments. The framework distinguishes itself through its flexible data fetching capabilities, enabling data retrieval at any lifecycle point including server start, browser start, or page render. Its plugin-based extensibility allows for custom integrations and modifications without altering the core framework

Old repo of Nuxt 3 framework, now on nuxt/nuxt

San is an isomorphic JavaScript framework and single-page application toolkit used for building user interfaces with reusable components. It functions as a reactive UI library that synchronizes application state with the interface through data binding and declarative templates. The framework is distinguished by its support for both server-side HTML generation and client-side hydration to improve initial load performance and search engine optimization. It employs a specialized template-to-array compilation process to compress template structures and reduce network costs. The project provides

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

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

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

Next-saas-stripe-starter is a full-stack application template built for launching software-as-a-service products with user authentication, billing, and database integration. The platform combines a starter kit template with a type-safe database toolkit, object-relational mapping, and a payment processing integration for handling recurring customer billing, subscription tiers, and checkout workflows. User identity management is supported through social logins, secure sessions, and credential-based authentication. The core architecture supports type-safe database modeling, server-executed actio

next-seo is a search engine optimization toolkit and component library for Next.js. It provides a set of React components and utilities for managing page titles, descriptions, and social media tags to improve how web pages are indexed and displayed. The project functions as a structured data manager and JSON-LD schema generator. It transforms entity data into standardized schema properties for articles, products, and organizations, enabling the implementation of rich snippets in search engine results. The toolkit covers a broad range of metadata management, including business identity mappin

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

Inertia is a server-driven frontend framework designed to create monolithic single page applications. It acts as a state synchronization protocol and client-side routing bridge, allowing developers to build interactive experiences using modern JavaScript component libraries while keeping routing and controllers on the server. This approach eliminates the need for a separate REST or GraphQL API layer by passing data from server controllers to frontend components as props via JSON payloads. The framework distinguishes itself by utilizing adapter-based integration to link various backend environ

vue-meta is a metadata manager for Vue.js applications that coordinates the injection, deduplication, and merging of HTML head and body tags. It serves as a document head controller, allowing developers to define and update titles, meta tags, link tags, styles, and scripts within a component architecture across both client-side and server-side environments. The library distinguishes itself through a hierarchical merging system where child components can override metadata defined by parent components. It ensures document integrity using identifier-based deduplication to prevent duplicate tags