Project Name | Stars | Downloads | Repos Using This | Packages Using This | Most Recent Commit | Total Releases | Latest Release | Open Issues | License | Language |
---|---|---|---|---|---|---|---|---|---|---|
Appsmith | 29,222 | 18 hours ago | 1 | October 13, 2021 | 3,646 | apache-2.0 | TypeScript | |||
Platform to build admin panels, internal tools, and dashboards. Integrates with 15+ databases and any API. | ||||||||||
Posthog | 13,487 | 19 hours ago | 1,581 | other | TypeScript | |||||
🦔 PostHog provides open-source product analytics, session recording, feature flagging and A/B testing that you can self-host. | ||||||||||
Webiny Js | 6,832 | 135 | 20 hours ago | 437 | July 25, 2023 | 286 | other | TypeScript | ||
Open-source serverless enterprise CMS. Includes a headless CMS, page builder, form builder, and file manager. Easy to customize and expand. Deploys to AWS. | ||||||||||
React Gh Pages | 5,472 | a month ago | 27 | TypeScript | ||||||
Deploying a React App (created using create-react-app) to GitHub Pages | ||||||||||
Meli | 2,288 | 6 months ago | 37 | other | TypeScript | |||||
Platform for deploying static sites and frontend applications easily. Automatic SSL, deploy previews, reverse proxy, and more. | ||||||||||
Gatsby Starter Lumen | 1,954 | 3 | 20 hours ago | 1 | November 07, 2019 | 27 | mit | TypeScript | ||
A constantly evolving and thoughtful architecture for creating static blogs with Gatsby. | ||||||||||
Formio | 1,809 | 5 | 9 | 4 days ago | 777 | August 25, 2023 | 356 | osl-3.0 | JavaScript | |
A Form and Data Management Platform for Progressive Web Applications. | ||||||||||
React Challenge Amazon Clone | 946 | a year ago | 39 | JavaScript | ||||||
React Frontend Dev Portfolio | 820 | 19 days ago | 9 | mit | SCSS | |||||
Easy to adapt and deploy React portfolio inspired with solutions found at GitHub. | ||||||||||
Rejected.us | 807 | a year ago | 96 | JavaScript | ||||||
:cry: The codebase for rejected.us |
AdaptJS is a system to easily, reliably, and repeatably deploy your full-stack applications. Adapt specifications look like React apps, but instead of rendering browser DOM elements like <input>
, or <div>
, Adapt specifications use elements like AWS <EC2Instance>
, Kubernetes <Pod>
, or <MongoDB>
database.
An Adapt description for a complete front end and back end app stack looks like this:
import Adapt from "@adpt/core";
import { NodeService, ReactApp } from "@adpt/cloud/nodejs";
import { Postgres } from "@adpt/cloud/postgres";
function MyApp() {
const pg = Adapt.handle();
return (
<Adapt.Group>
<ReactApp srcDir="../frontend" />
<NodeService srcDir="../backend" connectTo={pg} />
<Postgres handle={pg} />
</Adapt.Group>
);
}
Each of the components above renders to simpler components until they get to primitive infrastructure. You can also specify a style sheet to customize how components render to infrastructure (e.g., Docker vs. Kubernetes vs. AWS). Styles can also swap out components entirely, for example, using a test database for your test environment and a hosted database service for production.
If you're already familiar with React, you'll feel right at home with Adapt. But if not, don't worry, knowledge of React isn't required to start using Adapt. You can get started with a starter, write your code and deploy, and come back to the Adapt specification when you need to change how it gets deployed.
For a new project, it's easy to get started with Adapt by using a starter template. The Getting Started Guide will walk through installing Adapt and deploying your first starter app.
This example creates a new full-stack app from a starter template. It has a React UI, an Nginx web server, a Node.js API server, and a Postgres database, then deploys it to Kubernetes:
# Install adapt
npm install -g @adpt/cli
# Create a new app from a starter template
adapt new hello-react-node-postgres ./myapp
cd myapp/deploy
# Deploy full stack locally using Docker
adapt run laptop
# Or just as easily deploy everything to Kubernetes
adapt run k8s-test
This demo shows using Adapt to create and deploy a simple app called MovieDB that has a React UI, an Nginx web server, an Nginx URL router, a Node.js API server, and a Postgres database, then deploys it to Kubernetes:
Learn more about Adapt.
This guide will walk you through setting up Adapt and then deploying an example MovieDB app.
Adapt tutorials, API References, and more.
We'd love to hear about your experience with Adapt! Join us on our Gitter channel to ask questions or to give us your feedback and suggestions.
If you've found a bug, you can also file an issue.
Adaptable is the easiest way to deploy your app. Deploy an app now!