awesome-metaframeworks

KO | EN

gitlite — search

#python #hacktoberfest #typescript #llm #go #android #rust #linux #docker #macos #windows #cli #pytorch #mcp

awesome-metaframeworks

(★ 35)

A curated list of awesome resources related to software development with metaframeworks

awesome-metaframeworks 최신버젼 다운로드

최종 버전 다운로드 (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# Encyclopedia of Metaframeworks [![Awesome](https://awesome.re/badge.svg)](https://awesome.re)

A curated list of awesome resources related to software development with metaframeworks.

## Table of contents
* [Metaframeworks](#metaframeworks)
* [Metaframework-like tools](#metaframework-like-tools)
* [Meta-metaframeworks](#meta-metaframeworks)
* [Building parts](#building-parts)
* [Auxiliary tools](#auxiliary-tools)
* [Metaframework heroes](#metaframework-heroes)
* [Comparisons and benchmarks](#comparisons-and-benchmarks)
* [Metaframework PROs](#metaframework-pros)
* [Metaframework CONs](#metaframework-cons)
* [Security for metaframeworks](#security-for-metaframeworks)
* [Construction site](#construction-site)
* [OSS examples built with metaframeworks](#oss-examples-built-with-metaframeworks)
* [Newsletters](#newsletters)
* [Podcasts](#podcasts)
* [Live streams](#live-streams)
* [Social media](#social-media)
* [Books](#books)

## Metaframeworks
* [Next.js](https://nextjs.org). React-based framework for building full-stack web applications.
* [Remix / React Router](https://remix.run). Web standards focused React metaframework.
* [Nuxt](https://nuxt.com). Vue-based framework for performant and production-grade full-stack web apps.
* [Quasar](https://quasar.dev). The enterprise-ready cross-platform Vue framework.
* [SvelteKit](https://svelte.dev/docs/kit/introduction). A framework for rapidly developing robust, performant web applications using Svelte.
* [SolidStart](https://start.solidjs.com). Fine-grained reactivity goes fullstack.
* [TanStack Start](https://tanstack.com/start/latest). Full-stack React framework powered by TanStack Router.
* [Analog](https://analogjs.org). The fullstack Angular metaframework.
* [Qwik City](https://qwik.dev/docs/qwikcity/). Qwik-based set of tooling for building extremely performant full-stack applications.
* [RedwoodSDK](https://rwsdk.com). Server-first React metaframework running laser-focused on the Cloudflare platform.
* [Fresh](https://fresh.deno.dev). Deno-based full-stack web framework using Preact for server-rendered components.
* [Enhance](https://enhance.dev). HTML-first full-stack web framework focused on web components and progressive enhancement.
* [Astro](https://astro.build). The all-in-one web framework for content-driven websites with multi-framework components approach.
* [Hono](https://hono.dev). Full-stack framework starting from the server-side with static site generation, client components, and file-based routing. See also [HonoX](https://github.com/honojs/honox) project.
* [Pracht](https://pracht.resynapse.dev). Innovative Preact-based AI-built metaframework.

## Metaframework-like tools
* [Vike](https://vike.dev). Flexible Vite-based web-app scaffolder framework.
* [Bâti](https://batijs.dev). Vike-driven batteries-including scaffolder tool.
* [Brisa](https://brisa.build). Bun-based full-stack web framework with progressive enhancement and web components philosophy.
* [Gatsby](https://www.gatsbyjs.com). React-based full-stack web framework in love with GraphQL.
* [11ty / Build Awesome](https://www.11ty.dev). JAMstack swiss-army knife that had overgrown static websites.
* [Docusaurus](https://docusaurus.io). Documentation-websites focused web framework with React under the hood.
* [VitePress](https://vitepress.dev). Simple but powerful static site generator based on Vue.
* [Inferno](https://www.infernojs.org). React-compatible client-side and server-side rendering library with corresponding toolset included.
* [Heretic](https://hereticjs.org). Marco-based framework combining both SSR and SPA approaches.
* [Meteor](https://www.meteor.com). Frontend-agnostic opinionated full-stack framework.
* [Observable Framework](https://observablehq.com). Powerful static-site generator for data apps.
* [Waku](https://waku.gg). Minimalist RSC-focused React framework.
* [Refine](https://refine.dev). Opinionated React framework focused on building backoffice applications.
* [Ruck](https://ruck.tech). Buildless React web application framework for Deno.
* [FullSoak](https://github.com/fullsoak/fullsoak). SSR-first & SSR-optimized buildless Deno-native framework.
* [UmiJS](https://umijs.org/en-US). Extensible enterprise-level front-end application framework with MPA mode support.
* [Wasp](https://wasp.sh). Rails-like framework for React/Node/Prisma.
* [Shovel](https://shovel.js.org). Service Workers as web applications.
* [Gridmix](https://gridmix.github.io). Vue-based static site generator, revival fork of [Gridsome](https://gridsome.org).

## Meta-metaframeworks
* [Blitz](https://blitzjs.com/). Battle-tested libraries and conventions for shipping and scaling world wide Next.js-based applications.
* [T3](https://t3.gg/). The best way to start a full-stack, typesafe Next.js app if you dare to.
* [SST](https://sst.dev). Config-driven full-stack application builder using more than 150 tools as building blocks.
* [Payload](https://payloadcms.com). Open-source Next.js backend.
* [JStack](https://jstack.app). The stack for building fast, lightweight and end-to-end typesafe Next.js apps.
* [Accella](https://accella.dev). Astro-based MVC metaframework with integrated ORM.

## Building parts
* [Vite](https://vite.dev). The build tool for the Web and the culprit of the metaframework revolution and lots of other crazy things.
* [Nitro](https://nitro.build). The next generation server toolkit powering quite a lot of the aforementioned tools.
* [Vinxi](https://vinxi.vercel.app). The full-stack SDK for building JavaScript applications and frameworks.
* [tRPC](https://trpc.io). TypeScript inference to boost productivity for your full-stack applications.
* [Zod](https://zod.dev). Popular library for TypeScript-first schema validation with static type inference.
* [UnJS](https://unjs.io). Whole lotta things to build modern web applications.
* [Tailwind CSS](https://tailwindcss.com). A utility-first CSS framework loved by full-stack developers all over the world.
* [JSX](https://facebook.github.io/jsx/). XML-like syntax extension to ECMAScript used by multiple frameworks and metaframeworks.

## Auxiliary tools
* [StackBlitz](https://stackblitz.com). A platform for building full-stack applications online.
* [Sonda](https://sonda.dev). Universal bundle visualizer and analyzer for JavaScript applications.
* [Knip](https://knip.dev). Declutterer for JS and TS projects.
* [Storybook](https://storybook.js.org). Indispensable tool for building and testing components for web application UIs.
* [Oxc](https://oxc.rs). The family of extremely performant Rust-based JS tools.
* [ESLint](https://eslint.org). Almighty static analysis for web applications.

## Metaframework heroes
* [Ryan Carniato](https://github.com/ryansolid). The SolidStart guy.
* [Brandon Roberts](https://github.com/brandonroberts). The Analog guy.
* [Rich Harris](https://github.com/Rich-Harris). The SvelteKit guy.
* [Fred Schott](https://github.com/fredkschott). The Astro guy.
* [Ryan Florence](https://github.com/ryanflorence). The Remix guy.
* [Tim Neutkens](https://github.com/timneutkens). The Next.js guy.
* [Tanner Linsley](https://github.com/tannerlinsley). The TanStack Start guy.
* [Daniel Roe](https://github.com/danielroe). The Nuxt guy.
* [Peter Pistorius](https://github.com/peterp). The Redwood(SDK/JS) guy.

## Comparisons and benchmarks
* [Comparison of metaframeworks](https://metaframe.works/comparison/). Opinionated but insightful comparison table from Metaframeworks Weekly.
* [js-framework-benchmark](https://github.com/krausest/js-framework-benchmark). A well-maintained comparison of the performance of a few popular JavaScript frameworks.
* [State of JS 2024. Metaframeworks](https://2024.stateofjs.com/en-US/libraries/meta-frameworks/). Popular yearly survey results for metaframeworks ecosystem.
* [Frontend frameworks, a 2024 year in review](https://www.netlify.com/blog/2024-frameworks-year-in-review/). A good few words about the metaframeworks ecosystem from Netlify.

## Metaframework PROs
* [[Video] State of Meta Frameworks (2023)](https://www.youtube.com/live/u9ca8jwTRTk). Insightfull round table with metaframeworks ambassadors.
* [Sending My Respect to Next.js (and Vercel)](https://frontendmasters.com/blog/respect-to-next-js-and-vercel/). A praise from Marc Grabanski, big vanilla-JS proponent.
* [IndieHackerStacks](https://indiehackerstacks.com). See what indie hackers use to build their products. Metaframeworks all around.
* [Understanding JavaScript Meta-Frameworks: Redefining Modern Web Development](https://configr.medium.com/understanding-javascript-meta-frameworks-redefining-modern-web-development-c8f6b10f0c67). Thoughtful overview of the reasoning behind metaframeworks, future trends, and benefits.
* [What Is a Metaframework](https://metaframe.works/blog/what-is-a-metaframework/). Overview of what meraframeworks are, what they consist of, and what are their main PROs (as well as multiple CONs).

## Metaframework CONs
* [Anti-frameworkism: Choosing native web APIs over frameworks](https://blog.logrocket.com/anti-frameworkism-native-web-apis). Thoughtful alternative to de-facto standards.
* [Web Development Is Getting Too Complex, And It May Be Our Fault](https://www.smashingmagazine.com/2024/02/web-development-getting-too-complex/). The title says it all.
* [Digging the actual Next.js source code: A nightmare](https://blog.activeno.de/nextjs-sourcecode-nightmare). Clickbaity title with lots of food for thoughts inside.
* [The Rise (and Fall) and Rise Again of HTML Frameworks](https://www.spicyweb.dev/html-modules-history/). The good people Jared White has opinions and insights to think about. Not necessarily a "con" but a good perspective in general.
* [Over-Architecting in Web Design](https://dev.to/manufosela/on-architecture-in-web-design-367n). Seasoned web developer Mánu Fosela on important issues with metaframeworks and business incentives behind them.
* [You don't need Next.js](https://www.comfydeploy.com/blog/you-dont-need-nextjs). The good case study on migration away from Next.js to less fancy but more performant approach.
* [Plain Vanilla](https://plainvanillaweb.com/index.html). Explanation of some decent native alternatives to commonly used frameworks, libraries, and tools.
* [Just F***ing Use Go!](https://blainsmith.com/articles/just-fucking-use-go/). A couple of thoughts on good ol' back-end-driven full-stack development.

## Security for metaframeworks
* [Top 10 Metaframework Security Risks](https://github.com/fyodorio/mf-top-10). Draft-state OWASP-style practical recommendation for securing metaframework-based websites and web applications.
* [Arcjet](https://arcjet.com). SaC (security as code) toolset for modern [meta]frameworks.
* [mit10s](https://mit10s.com). Security platform for metaframework-based websites and web applications.

## Construction site
* [[Video] SolidJS: Decomposing the Metaframework (2023)](https://www.youtube.com/watch?v=XMybh3gCmQ0). Ryan Carniato's talk at ViteConf dedicated to some deep metaframework mechanics.
* [[Video] Build your own metaframework with Vinxi (2024)](https://www.learnwithjason.dev/build-your-own-metaframework-with-vinxi/). Vinxi inventor Dev Agrawal joins Jason Lengstorf to discuss and show how to build metaframeworks.
* [How React Router works under the hood](https://tigerabrodi.blog/how-react-router-works-under-the-hood). Insightful research of React Router internals related to its metaframework alter ego.

## OSS examples built with metaframeworks
* [Real-world open-source projects built with Next.js 14 and App Router](https://aryabov.com/blog/real-world-open-source-projects-built-with-nextjs-14-and-app-router). A good way to take a deeper look at how them clever guys do that.
* [Open TLC](https://github.com/KlinsBt/open-translation-client). SvelteKit-based CAT-Tool for everyone.

## Newsletters
* [Metaframeworks Records](https://metaframe.works). A dedicated weekly newsletter with metaframeworks ecosystem news and insights.
* [Bytes](https://bytes.dev). A good ol' weekly JavaScript ecosystem news source with lots of metaframeworks news included.
* [weeklyfoo](https://weeklyfoo.com). More generic weekly webdev news with frequent mentions of articles and tools related to metaframeworks.

## Podcasts
* [Weekly Dev's Brew](https://www.weeklybrew.dev/podcast). Thoughtful and non-boring discussions about everything and web dev.
* [ConTejas Code](https://tej.as/podcast). The metaframeworks people are often guests here. For patient listeners.
* [PodRocket](https://podrocket.logrocket.com). The metaframeworks people are often guests here. For listeners with short attention spans.
* [JS Party](https://changelog.com/jsparty). A weekly celebration of JavaScript and the web — and the metaframeworks sometimes.
* [Syntax](https://syntax.fm). Not exactly a metaframeworks story but lots of useful ecosystem news.
* [HTML All The Things](https://www.htmlallthethings.com/podcast). Deep discussions on all the things web dev.

## Live streams
* [2 Full 2 Stack](https://www.youtube.com/playlist?list=PLZDPKYkCEQk07B0HWWOKH3bqpqOUQuOOk). Great live coding content, by Nick Taylor, metaframeworks and their authors invited.
* [CodeTV](https://www.youtube.com/@codetv-dev/streams). AKA "Learn With Jason", by Jason Lengstorf, featuring metaframework topics and people sometimes.
* [Ryan Carniato](https://www.youtube.com/@ryansolid/streams). Long thoughtful streams from the SolidStart author featuring interesting guests and controversial topic from time to time.

## Social media
* [Metaframeworks Records' Bluesky feed](https://bsky.app/profile/did:plc:7vyxybjsqatduo4xbldbf2cu/feed/aaan4pa65r5ke). A dedicate Bluesky corner for metaframeworks-related insights from different people and vendors.

## Books
* [JavaScript patterns](https://www.patterns.dev/book/). Great book with meaningful insights including some metaframeworks-related topics.

awesome-metaframeworks

awesome-metaframeworks 최신버젼 다운로드

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

awesome-metaframeworks

awesome-metaframeworks 최신버젼 다운로드

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

Download README