remake

Build full-stack web apps with only HTML and CSS

UPDATE 🎉: Remake v2.0 is fully operational, there are new step-by-step recipes, and all the documentation is up-to-date!

Remake is a simple, open source framework. It lets you transform an HTML & CSS design into an interactive, editable web app (with just a few custom HTML attributes).

• Simple syntax
• User accounts & persistent data
• Inline editing & file uploads
• No backend coding

→ Learn more about what Remake is

Why Remake?

What if every HTML webpage knew how to save, edit, and add items to itself?

Remake was made for indie makers who want to build editable web apps quickly. Have you ever created a design and wished people could just start using it? Remake lets you do that.

• Not a templating library. Remake lets you build full-stack web apps with just front-end code. Remake takes care of the rest: user accounts, persistent data, and instant deployments.
• Not a front-end framework. Remake renders templates server-side (with Handlebars.js). This means your pages will load quickly, even on low-powered devices and over slow connections.
• Not a CMS. Remake lets you build a CMS on top of HTML & CSS templates using a few custom HTML attributes. You can make a page editable in just a few minutes — and users can login and have their own data.
• Not a prototyping tool. Remake lets you build real apps for real users. It has security and scalability built in. It's easy to build with, so it feels like prototyping, but it's meant for building full apps.
• Not a no-code tool. Remake is an open source framework that you download and add your own HTML & CSS code to. You own the code. There's no platform lock-in and you have 100% control over your app's design.

→ Learn more about what makes Remake better

Get started

1. Install Node.js (12.16+)

2. Create a project using the Remake CLI

npx remake create my-app

3. Run the project

cd my-app
npm run dev

You now have an app running at http://localhost:3000. Your app's code is in the /app directory and your database is in the /app/data directory.

→ Start learning how to build a web app with Remake

What can you build?

Remake is great at building page builders, where each user can edit their own content.

• Todo app (Build time: 7 min)
• Trello clone (Build time: 30 min)
• (In progress) Resume builder (Build time: 30 min)
• (In progress) Reading list builder (Build time: 30 min)
• Landing page builder (planned)
• Directory website builder (planned)

→ Learn what else you can build with Remake

An example app built with Remake in 30 minutes

Technology

✨ Built on Express.js
✨ Uses Passport.js and Bcrypt for secure user accounts
✨ Handlebars renders templates server-side
✨ One-click file uploads with express-fileupload
✨ One line instant deploy command
✨ Sync client state and server state automatically
✨ Built-in inline edit popovers

Remake’s Mission

Remake aims to equalize power on the internet. A few companies own the platforms where the rest of us publish posts and websites — but owning a platform is usually beyond our reach. Remake switches this narrative and empowers you to build your own publishing platform.

→ Join and contribute to our Discord community

Contributing

Remake is an open-source, and contributions are always welcome. If you identify with Remake's mission, we'd be delighted to have you on board!

• Report bugs
• Suggest features
• Fix issues
• Improve documentation
• Make and share tutorials

→ Start by creating your first issue

Our Contributors

• Andrew de Jong
• Painatalman