RemixFast Codebase Generator

How does it work?

let code = remixFast(model, route);

Build.

Input 1Create Model

Start by creating your data model. Use visual editor to define model, add fields and configure defaults. Add relations to other models and include related columns. Alternatively, if you already have an existing database, RemixFast will auto generate all models and relationships using introspection functionality.

Model
Quickly add model and populate fields with continuous add functionality. Auto creates Primary Key field and optionally add audit columns with one click!
Relation
Add relationship by selecting another model. Relationship field is auto derived from model primary key. You can make relationship required as well as additional fields from related model.
View
Views are like virtual model, you can assemble them from existing model using Drag-n-drop Visual Query Builder. Add aggregate functions and set default sort.

Quickly add model and populate fields with continuous add functionality. Auto creates Primary Key field and optionally add audit columns with one click!

Input 2Add Route

Create route by selecting one of many pre-defined templates. Templates pre-define UI and come pre-wired with all the logic, for both client and server.

You can customize the look and feel of UI using properties and with additional components. Use Visual Editor to configure behavior and enhance user experience by combining with additional models. You can immediately preview the app and refine as required.

Route Template
Route Template provide a way to quickly create varity of common route patterns. Templates work with Model and include code for loader, actions and views!
List Route
Shows list of items, you can configure view to be table, card view or even kanban board. Includes paged loader with support for search and sort.
Detail Route
Shows item details. Allows easy layout using drag-n-drop editor and provides way to configure behavior.

Route Template provide a way to quickly create varity of common route patterns. Templates work with Model and include code for loader, actions and views!

Preview.

Instantly Run the App. No waiting to download dependencies and no build step.

Get a visual preview of app as it is being built. Immediately test and check out app functionality and behavior.

Go back to build step to make changes and preview again to view those changes!

Download.

Ouput Code

RemixFast combines model definition you created and your route configurations to generate codebase specifically tailored for your project. You can export and view generated codebase at anytime. Or download to start development in your own editor.

What do you get?

Prisma Schema
Schema definition is auto generated on model definition.
Model
Includes methods to get typed model from FormData, including list of FormData. Also has method to perform model validation.
Model Server
Code to interact with Prisma client. Has methods for efficiently getting data using cursor, as well as methods for CURD. Think of model.server as your db layer.
List Route
Loader to get paged data, with support for search and sort.
Detail Route
Actions to handle CURD operations. Includes authorization and notifications. Supports advanced parent child CURD operations as well.
List View
Show data in list format using table. You can configure, quick/advanced search and sort. Includes pagnation. Optionally, switch out table for a responsive Card view, or advanced drag-n-drop Kanban board!
Detail View
Details of an item. Supports full CURD operations. Includes advanced parent - multiple child records UI (via editable table).

Schema definition is auto generated on model definition.

By using RemixFast, you agree to our Cookie Policy.

How does it work?

Input 1Create Model

Model

Relation

View

Input 2Add Route

Route Template

List Route

Detail Route

Ouput Code

What do you get?

Prisma Schema

Model

Model Server

List Route

Detail Route

List View

Detail View