Adapt

ReactJS for your infrastructure. Create and deploy full-stack apps to any infrastructure using the power of React.
Alternatives To Adapt
Project NameStarsDownloadsRepos Using ThisPackages Using ThisMost Recent CommitTotal ReleasesLatest ReleaseOpen IssuesLicenseLanguage
Appsmith29,222
18 hours ago1October 13, 20213,646apache-2.0TypeScript
Platform to build admin panels, internal tools, and dashboards. Integrates with 15+ databases and any API.
Posthog13,487
19 hours ago1,581otherTypeScript
🦔 PostHog provides open-source product analytics, session recording, feature flagging and A/B testing that you can self-host.
Webiny Js6,83213520 hours ago437July 25, 2023286otherTypeScript
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 Pages5,472
a month ago27TypeScript
Deploying a React App (created using create-react-app) to GitHub Pages
Meli2,288
6 months ago37otherTypeScript
Platform for deploying static sites and frontend applications easily. Automatic SSL, deploy previews, reverse proxy, and more.
Gatsby Starter Lumen1,954320 hours ago1November 07, 201927mitTypeScript
A constantly evolving and thoughtful architecture for creating static blogs with Gatsby.
Formio1,809594 days ago777August 25, 2023356osl-3.0JavaScript
A Form and Data Management Platform for Progressive Web Applications.
React Challenge Amazon Clone946
a year ago39JavaScript
React Frontend Dev Portfolio820
19 days ago9mitSCSS
Easy to adapt and deploy React portfolio inspired with solutions found at GitHub.
Rejected.us807
a year ago96JavaScript
:cry: The codebase for rejected.us
Alternatives To Adapt
Select To Compare


Alternative Project Comparisons
Readme

Adapt logo

npm npm Gitter License

Adapt - ReactJS for your infrastructure.

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.

Getting Started

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.

Creating and deploying an 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

Adapt in action

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:

Adapt in action

More info

Getting Help

Gitter

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.

Sponsors

Adaptable.io

Adaptable is the easiest way to deploy your app. Deploy an app now!

Popular Deployment Projects
Popular Reactjs Projects
Popular Operations Categories
Related Searches

Get A Weekly Email With Trending Projects For These Categories
No Spam. Unsubscribe easily at any time.
Javascript
Typescript
Reactjs
Docker
Deploy
Deployment
Aws
Cloud
Kubernetes
K8s
Stack
Infrastructure As Code