Skip to content

remake/remake-framework

Repository files navigation

Remake

Build full-stack web apps with only HTML and CSS


License Discord Channel

Remake is an open-source framework for creating editable web apps with just a few custom HTML attributes.

πŸ’Ž Simple, easy-to-learn syntax
πŸ‘¨β€πŸ‘©β€πŸ‘§β€πŸ‘¦ User accounts & database built-in
✍️ Inline editing & uploads for all users
🚫 No backend coding! (unless you want to πŸ‘©β€πŸ’»)

πŸ‘‰ Get started with the full docs! πŸ“–

πŸ€” Why Remake?

"Remake gives me an entirely new feeling of comfort around coding. It's what I imagine web development should be." β€” Arav Narula

Diagram of how Remake works

Remake does what most frameworks do in 100 lines of code in 1 line of HTML.

<h1 object key:text="@innerText" edit:text>{{text}}</h1>

This πŸ‘† is a full app that users can login to. Each user can edit & share their own copy of this site! πŸ“° πŸ“° πŸ“°

πŸ‘©β€πŸŽ¨ Let people use something you designed β€” right away.

Remake is

🏭 Full-stack apps with just 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.

πŸ›© Real apps β€” not just 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.

🎨 100% control of your 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.

πŸ‘©β€πŸ« 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.

πŸ‘‰ Dive into the recipes 🀿

πŸ‘¨β€πŸ­ What can you build?

Remake is perfect for building page builders, where each of your users can edit their own content.

πŸ‘‰ Other project ideas πŸ‘©β€πŸ’»

Trello clone built with Remake

⬆️ A Trello clone app built in Remake

πŸ’Ύ Tech Stack

✨ 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 with remake deploy
✨ Syncs client state and server state automatically
✨ Built-in inline edit popovers

πŸš€ Remake’s Mission

βš–οΈ Remake's goal is to equalize power on the internet.

A few companies own the platforms the rest of us publish on β€” but owning our own platform is usually out of the question. Remake lets you build your own platform with very little effort β€” using just HTML & CSS.

πŸ‘‰ Join our Discord community πŸ’¬

πŸ‘©β€πŸ’» Contributing

Remake is open-source and contributions are desired 😍

If you identify with Remake's mission, we'd be delighted to have you:

  • Test & report bugs
  • Suggest features / fix issues
  • Improve the documentation
  • Or just email me!

πŸ‘‰ Create your first issue

πŸ‘©β€πŸ’» Our Contributors

πŸ§ͺ Cross-Browser Testing

This project is tested with BrowserStack.

About

Remake framework used by the Remake CLI to generate new projects

Resources

License

Stars

Watchers

Forks

Sponsor this project

 

Packages

No packages published