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?

Have you ever designed something and wished people could just start using it? Remake lets you do that.

• Build full-stack web apps with front-end code. Remake takes care of the rest: user accounts, persistent data, instant deployments, and routing. Each user gets their own account and data.
• Produces real apps, not prototypes. Remake feels like prototyping because it was designed to. The goal was to make web development feel like using a single template and a single JSON file.
• You control your app and its design. Remake is open source. You own the code. There's no platform lock-in and you have 100% control over your app's design.
• Secure, scalable, and fast. Highly secure authentication. And server-rendered, so your pages load quickly even on low-power devices and slow connections.

→ Learn 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 to 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