{"id":13448547,"url":"https://github.com/frontity/frontity","last_synced_at":"2025-10-28T03:30:35.603Z","repository":{"id":38418862,"uuid":"172704527","full_name":"frontity/frontity","owner":"frontity","description":"» Frontity - The React Framework for WordPress","archived":false,"fork":false,"pushed_at":"2023-04-19T14:39:51.000Z","size":105554,"stargazers_count":2951,"open_issues_count":65,"forks_count":257,"subscribers_count":51,"default_branch":"dev","last_synced_at":"2025-02-03T12:03:31.308Z","etag":null,"topics":["frontity","react","wordpress"],"latest_commit_sha":null,"homepage":"https://frontity.org","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"apache-2.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/frontity.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":"CONTRIBUTING.md","funding":null,"license":"LICENSE","code_of_conduct":"CODE_OF_CONDUCT.md","threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2019-02-26T12:09:49.000Z","updated_at":"2025-02-01T21:52:11.000Z","dependencies_parsed_at":"2024-05-30T10:54:37.173Z","dependency_job_id":"92e79c3f-3822-4bb6-8942-f9fc65facc4b","html_url":"https://github.com/frontity/frontity","commit_stats":{"total_commits":4643,"total_committers":48,"mean_commits":96.72916666666667,"dds":0.6648718500969201,"last_synced_commit":"9640a84c6cadf52118cb1696eca869af4acf5ed5"},"previous_names":[],"tags_count":738,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/frontity%2Ffrontity","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/frontity%2Ffrontity/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/frontity%2Ffrontity/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/frontity%2Ffrontity/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/frontity","download_url":"https://codeload.github.com/frontity/frontity/tar.gz/refs/heads/dev","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":237403982,"owners_count":19304521,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["frontity","react","wordpress"],"created_at":"2024-07-31T05:01:48.673Z","updated_at":"2025-10-28T03:30:25.570Z","avatar_url":"https://github.com/frontity.png","language":"TypeScript","readme":"## 📣 Frontity Framework is not actively maintained! \n\n\u003e Frontity Framework is **not** under active development anymore. Pull requests and issues are not being actively reviewed. For more details, please see the [blog post](https://frontity.org/blog/frontity-is-joining-automattic/).\n\u003e \n\u003e The team is now working on [**the WordPress Interactivity API**](https://make.wordpress.org/core/2023/03/30/proposal-the-interactivity-api-a-better-developer-experience-in-building-interactive-blocks/). This will unblock the same UX Frontity framework enabled but directly in WordPress Core, fully compatible with the new Site Editor.\n\u003e\n\u003e If you are **interested in becoming a maintainer and continuing the development of the framework** please do get in touch with one of the developers or let us know in [this community thread](https://community.frontity.org/t/frontity-framework-is-looking-for-maintainers/6178).\n\u003e\n\u003e Thanks!\n\n\u003cbr\u003e\n\n\u003cbr\u003e\n\u003cdiv align=\"center\"\u003e\n  \u003ca href=\"https://frontity.org/\"\u003e\n  \u003cimg src=\"https://frontity.org/wp-content/uploads/2020/02/frontity-blue-logo.svg\"\n    width=\"300px\"\n  /\u003e \u003c/a\u003e\n\u003c/div\u003e\n\u003ch2 align=\"center\"\u003eThe React Framework for WordPress\u003c/h2\u003e\n\u003cp align=\"center\"\u003e\u003cb\u003eFrontity is the easiest way to create amazing websites using WordPress and React\u003c/b\u003e\u003c/p\u003e\n\u003cbr\u003e\n\u003cp align=\"center\"\u003e\n\u003ca href=\"https://community.frontity.org/\"\u003e\n    \u003cimg src=\"https://img.shields.io/discourse/users?color=blue\u0026label=Join%20the%20community\u0026server=https%3A%2F%2Fcommunity.frontity.org%2F\u0026style=for-the-badge\u0026labelColor=000000\" alt=\"Discourse users\" /\u003e \u003ca href=\"https://codesandbox.io/s/github/frontity/frontity-template\"\u003e \u003ca href=\"https://www.npmjs.com/package/frontity\"\u003e\n    \u003cimg src=\"https://img.shields.io/npm/v/frontity?color=F76D64\u0026style=for-the-badge\u0026labelColor=000000\" alt=\"npm badge\" /\u003e \u003c/a\u003e \u003ca href=\"https://github.com/frontity/frontity/blob/master/LICENSE\"\u003e\n    \u003cimg src=\"https://img.shields.io/badge/license-Apache%202-lightgrey?color=936AF4\u0026label=license\u0026style=for-the-badge\u0026labelColor=000000\" alt=\"License\" /\u003e\n  \u003c/a\u003e\n\u003cp/\u003e\n\u003cp align=\"center\"\u003e\u003cb\u003e\n  \u003ca href=\"https://docs.frontity.org/getting-started/quick-start-guide\"\u003eGet started \u003c/a\u003e |\n  \u003ca href=\"https://codesandbox.io/s/github/frontity/frontity-template\"\u003eTry demo in your browser\u003c/a\u003e |\n  \u003ca href=\"https://frontity.org/learn/\"\u003eLearn Frontity\u003c/a\u003e \n  \u003c/b\u003e\n\u003c/p\u003e\n\u003cbr\u003e\n\n## What is Frontity Framework?\n\n[**Frontity**](https://frontity.org/) is a **free and open source framework** for building WordPress websites based on React. It strips away the complexity that entails connecting both WordPress and React, and gives you a big head start by providing many of the most common queries already built in. In short, you can spend the bulk of your time on the development requirements of the project (e.g. the theme) and less time on setting up the project or worrying about tooling and configuration.\n\nFrontity's unique approach, with its **ease of use and extensibility pattern** (similar to that of WordPress itself), offers [**distinct advantages**](https://docs.frontity.org/about#key-differences-from-other-react-frameworks) over other similar React frameworks:\n\n### » It's 100% focused on WordPress\n\nEach part of the framework has been simplified and optimized to be used with WordPress. This means the number of concepts that you as a developer need to learn are minimal. No complex configuration is necessary to get started, and the queries to the APIs that deliver the content are pre-configured for the things that developers most frequently need.\n\n### » It's opinionated\n\nFrontity has its own state manager and CSS-in-JS solution. Thanks to that developers don't have to figure out how to configure these tools, or learn other technologies such as Redux or GraphQL.\n\n### » It's extensible like WordPress\n\nFrontity powers a very flexible extensibility pattern similar to that of WordPress itself. To add new functionality or expand the capabilities of Frontity, you can use any of the existing **Frontity and npm packages** without having to build them from scratch.\n\nMoreover, [**Frontity packages**](https://api.frontity.org/frontity-packages) (including themes) can be activated and deactivated without code changes and are reusable across projects, helping reduce both development and maintenance times.\n\n### » It's rendered dynamically\n\nIn Frontity the HTML is rendered dynamically by a Node.js server or a serverless service. This means the HTML does not have to be rebuilt each time the content is edited or new content is published.\n\nBecause of its dynamic approach, Frontity provides a great power and reliability when it comes to frequent and real-time content updates, making it a great fit for those projects with content that might change rapidly or that is expected to grow over time.\n\n**See the [About Frontity](https://docs.frontity.org/about) page in the docs to learn more.** 🤓\n\n\n## How does Frontity work?\n\nIn a Frontity project, WordPress is used as a **headless or decoupled CMS**, just for managing the content. Frontity uses data from the WordPress REST API and generates the final HTML that is displayed in the browser using React.\n\nWith Frontity you still use your WordPress dashboard to edit and create content in exactly the same way that you are accustomed to. As you make changes content is automatically updated in your Frontity site, just as it is when using a traditional WordPress theme.\n\nFrontity apps require both a Node.js server and a WordPress server (PHP) to run on. And there are two main Frontity Modes (architectures or configurations):\n\n- [**Decoupled Mode**](https://docs.frontity.org/architecture/decoupled-mode)\n- [**Embedded Mode**](https://docs.frontity.org/architecture/embedded-mode)\n\n### Why a different Node.js server?\n\nReact is a JavaScript library. In order to generate HTML for site visitors or for Google, the server needs to be able to run JavaScript as well.\n\n\u003e _In theory a PHP server can send an empty HTML file with the JavaScript files included and the visitor will see the page after the JavaScript has loaded. However, this is not a good user experience and it is certainly not recommended if your site needs to be SEO friendly and to rank in search engine listings._\n\nFrontity is prepared to be hosted either in a regular **Node.js** server or in **serverless** services. That makes it super cheap and infinitely scalable.\n\n**The [Architecture](https://docs.frontity.org/architecture) page of the docs explains how Frontity works in detail.** 🏗\n\n\n## Getting started\n\nYou'll need a WordPress installation and Node.js. See the [**Requirements**](https://docs.frontity.org/getting-started#requirements) page for more information.\n\nIf you can't wait to see what Frontity can do, head over to the [**Quick Start Guide**](https://docs.frontity.org/getting-started/quick-start-guide).\n\nIf you're new to Frontity, we recommend that you check out the [**step-by-step tutorial**](https://tutorial.frontity.org/), which will guide you through the fundamentals of building and deploying your first Frontity website.\n\n## Documentation\n\nThe Frontity documentation is distributed across three separate sites:\n\n1. [**docs.frontity.org**](https://docs.frontity.org/) is the generic documentation. As well as theoretical information, such as Frontity Architecture and Core Concepts, you can find many practical guides here.\n2. [**api.frontity.org**](https://api.frontity.org/) is the API reference. This is where you can find detailed technical descriptions for the CLI, and for the packages and plugins available in Frontity Framework.\n3. [**tutorial.frontity.org**](https://tutorial.frontity.org/) is the introductory step-by-step guide. It's designed to provide you with a deep and solid understanding of web development using Frontity.\n\n**More learning resources, such as videos and example projects, can be found in the [Learn Frontity](https://frontity.org/learn/) page.** 📚\n\n## Community\n\nFor general help using Frontity, please refer to the documentation and the available learning resources. If you can't find an answer in these resources you can always check out the [**Frontity Community Forum**](https://community.frontity.org/), which is packed full of answers and solutions to all sorts of Frontity questions.\n\nThe **community forum** is a great place to ask questions, help fellow users build Frontity apps, and share your projects. It's also where you can keep track of the work done for the framework, join feature discussions, and collaborate on building Frontity itself.\n\nFrontity is dedicated to a **positive and inclusive community experience** for everyone. Read through [**this guide**](https://community.frontity.org/t/frontity-community-forum-users-guide/4399) to learn more about the forum guidelines, how it is organized, and how to get the most out of it.\n\n### Other channels\n\nIn addition to the community forum, Frontity has other channels where you can find out more information about the project, join in discussions about it, and also get involved:\n\n- [**GitHub**](https://github.com/frontity/frontity): for bug reports and code contributions.\n- [**YouTube channel**](https://www.youtube.com/c/Frontity/): learn from Frontity videos and playlists.\n- [**Newsletter**](https://frontity.org/newsletter/): designed to inform you about the latest product updates, learning resources and community news surrounding Frontity Framework.\n- [**Twitter**](https://twitter.com/frontity) and the [**blog**](https://frontity.org/blog/) are also pretty good places if you're looking for news, case studies, and other updates.\n\n## Showcase\n\nWant to know who's using Frontity? Need some inspiration for your project? The community is always building amazing projects with Frontity, discover some of them in the [**Showcase**](https://frontity.org/showcase/) page.\n\n## Contributing\n\nThere are different ways to support the project and get involved. These are a few things that are always welcome:\n\n* Testing new features\n* Creating themes/packages and share them on npm or GitHub\n* Creating educational content like blogs, videos, courses\n* Improving the documentation\n* Helping the community\n\n**See the [Contributing](https://docs.frontity.org/contributing) section of the docs for more information on how to contribute.** ✨\n\n## License\n\nFrontity is licensed under the terms of the [Apache 2.0](https://github.com/frontity/frontity/blob/master/LICENSE) license.\n\n","funding_links":[],"categories":["TypeScript","Programming Languages"],"sub_categories":["PHP"],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ffrontity%2Ffrontity","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Ffrontity%2Ffrontity","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ffrontity%2Ffrontity/lists"}