wasup-react ☝️

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.

🎯 Perfect for you if...

• 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

✨ What makes this special?

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:

1. Fork this repository (basically "copy" it to your GitHub account—takes 30 seconds)
2. Edit your content right in your browser using GitHub's friendly editor
3. Hit save and watch as your website automatically builds and goes live
4. Share your URL with the world!

Behind the scenes, powerful automation handles all the technical stuff. You focus on your content and creativity.

🏗️ The magic behind the curtain

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.

🚀 How it works (the non-scary version)

Your website lives in the website/app folder

Think of this like your website's home. Everything you see on your site comes from files in here.

Adding pages is as simple as adding files

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.

Automatic publishing

Every time you save changes, GitHub Actions (think of it as your personal robot assistant) automatically:

1. Builds your website
2. Optimizes everything for speed
3. Publishes it to the web
4. Sends you a link to share

🎨 What can you build?

• 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!

🛠️ Getting started

1. Click "Fork" at the top of this page - This creates your own copy
2. Go to your forked repository - It'll be at github.com/yourusername/wasup-react
3. Add a repository secret for wasup - Add WASUP_ID as the private key from ssh-keygen -t ed25519
4. Edit files in website/app/routes/ - Start with _index.tsx for your homepage
5. Commit your changes - Just click the green "Commit changes" button
6. Watch the magic happen - Check the "Actions" tab to see your site building
7. Get your website URL - It'll appear in your repository settings

💡 Pro tips for beginners

• 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

🔧 Current limitations (we're working on these!)

• 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

🌟 Why this approach rocks

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.

🚀 Ready to build something amazing?

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!