INTRO
What is Remake?
OVERVIEW
Why Build With Remake? High-level Overview
GETTING STARTED
Getting Started
EXAMPLE CODE
A Simple Todo App Interactive Demos Step-by-Step Tutorial
TUTORIAL
Introducing Remake Installing & Setting Up Remake Attach Data to Elements Rendering Data Making Data Editable Adding New Items Sorting Lists of Items Deploy a Remake Web App
HOW REMAKE WORKS
Command Line Tool Data Saving File Uploads Routing Nested Pages Templating Visibility (show-if) Sortable items User accounts
REMAKE'S ATTRIBUTES
Attributes overview Saving data Updating data Reacting to data Temporary Data Advanced attributes
REMAKE CORE
Setup and Callbacks Remake Methods Remake Edit Popover Remake Upload Notice
EXTRAS
Remake Tips Hosting Custom Backend
ABOUT
Why Remake Contributors
TECHNICAL CONCEPTS
Flattening the stack What is a CRUD web app?

Introducing Remake

Let's build a Trello clone!

We're going to build a simple, but fully-functional Trello clone in about 30 minutes.

Introducing Remake

Remake takes a simpler approach to web development.

  1. You only have to learn 9 new HTML attributes to build a full application
  2. You only need to know HTML and JSON
  3. You retain complete control over your front-end design
  4. User accounts, inline edit popovers, and persistent data are taken care of!

How Remake is different

  1. Most frameworks store data separately from your templates. Remake merges them. We call this "flattening-the-stack"
  2. Remake is able to convert deeply nested HTML into deeply nested JSON (and then automatically sync it with the backend)
  3. Remake treats your HTML as your app's source of truth. But it remains powerful with flexible routing and advanced data saving.

Fun facts:

  • Remake is SEO-friendly because it's server rendered.

→ Start the Tutorial

View on GitHub
☰ Menu