Build and deploy React websites without touching a terminal!
This is your gateway to creating beautiful, modern websites using React—even if you've never coded before or feel intimidated by technical jargon. No command lines, no confusing setup, just point, click, and publish.
- You want to create a professional website but coding feels overwhelming
- You've heard React is powerful but thought it was "too technical"
- You love the idea of having full control over your website and data
- You want something more flexible than Wix/Squarespace but easier than "real" programming
- You're curious about web development but don't know where to start
This isn't just another template—it's a complete publishing system designed around one simple idea: you shouldn't need to be a developer to make developer-quality websites.
Here's what happens when you use this:
- Fork this repository (basically "copy" it to your GitHub account—takes 30 seconds)
- Edit your content right in your browser using GitHub's friendly editor
- Hit save and watch as your website automatically builds and goes live
- Share your URL with the world!
Behind the scenes, powerful automation handles all the technical stuff. You focus on your content and creativity.
This system combines three incredible technologies:
- React Router v7 - The same tool used by Netflix, Airbnb, and other major sites to create lightning-fast, interactive websites
- wallet.storage - A revolutionary platform that gives you true ownership of your data and content
- wasup - Smart publishing tools that handle deployment automatically
But here's the beautiful part: you don't need to understand any of that to use it. The system is built with conventions that make complex things simple.
Think of this like your website's home. Everything you see on your site comes from files in here.
Want a new page? Just add a file to website/app/routes/
. Here's how:
- Add
about.tsx
→ Get a page at/about
- Add
blog.post.tsx
→ Get a page at/blog/post
- Add
contact.tsx
→ Get a page at/contact
Each file can contain text, images, interactive elements—whatever you want your page to show.
Every time you save changes, GitHub Actions (think of it as your personal robot assistant) automatically:
- Builds your website
- Optimizes everything for speed
- Publishes it to the web
- Sends you a link to share
- Personal portfolios that showcase your work beautifully
- Business websites with multiple pages and contact forms
- Blogs with rich content and easy navigation
- Documentation sites for your projects or knowledge
- Landing pages for your products or services
- Creative showcases for your art, writing, or photography
The only limit is your imagination!
- Click "Fork" at the top of this page - This creates your own copy
- Go to your forked repository - It'll be at
github.com/yourusername/wasup-react
- Add a repository secret for wasup - Add
WASUP_ID
as the private key fromssh-keygen -t ed25519
- Edit files in
website/app/routes/
- Start with_index.tsx
for your homepage - Commit your changes - Just click the green "Commit changes" button
- Watch the magic happen - Check the "Actions" tab to see your site building
- Get your website URL - It'll appear in your repository settings
- Start small: Edit the existing homepage first, then add new pages
- Use the GitHub editor: You can edit files right in your browser—no software needed
- Preview changes: GitHub shows you exactly what you're changing before you save
- Don't worry about breaking things: You can always undo changes or start over
- Ask for help: The open-source community is incredibly welcoming to beginners
- Single-route focus: Right now, this works best for simpler sites (we're expanding this!)
- Learning curve: While much easier than traditional development, React concepts might take a moment to click
Own your content: Unlike platform-based site builders, you truly own everything. No monthly fees, no vendor lock-in, no surprise policy changes.
Professional results: You're using the same technology as major websites, so your site will be fast, modern, and impressive.
Learn as you go: Every change you make teaches you a little more about how modern websites work. Before you know it, you'll be comfortable with concepts that once seemed impossible.
Community powered: Built on open-source tools with massive, helpful communities. Stuck? Thousands of people are ready to help.
The web needs more diverse voices and creative projects. This tool is designed to lower the barrier between your ideas and the internet.
Fork this repository and start building your corner of the web today!
Questions? Issues? Ideas for improvement? Open an issue or discussion—we'd love to help you succeed!