PETAT

PETAT is a web platform that lets anyone instantly publish and share HTML by simply pasting code. It’s perfect for sharing AI-generated content, mockups, and charts—with no need for servers or coding.

Comment

🚀 PETAT – Paste HTML. Publish Instantly.

📋 Project Overview

PETAT is a web tool that lets anyone instantly publish and share HTML just by pasting it. It’s perfect for AI-generated charts, mockups, or UI components—no servers, no coding, no configuration required.

💡 Inspiration

As a non-engineer, I often use tools like Gemini to generate HTML-based diagrams and layouts. But every time I wanted to share them, I faced the same challenges:

  • Uploading to a server was too much work
  • WordPress embeds often failed
  • I just wanted a tool where I could paste HTML and instantly get a link

So I built it myself—PETAT.

⚡ What It Does

PETAT lets users paste raw HTML and instantly get a live, shareable URL.

🎯 Use Cases:

  • Share HTML from generative AI tools
  • Skip hosting and deployment
  • No coding or technical knowledge needed
  • No configuration required

✨ How It Works:

  1. Copy your HTML
  2. Paste it into PETAT
  3. Share the generated link

🛠️ How It Was Built

PETAT was built entirely using Bolt, with zero lines of custom code. Every screen and interaction was designed visually.

🔧 Tech Stack:

  • Bolt for UI and logic (fully no-code)
  • Generative AI to help brainstorm structure and layout ideas
  • Supabase for backend, authentication, and data handling

🚧 Challenges for Non-Engineers

The Real Barrier Was Outside Bolt

Bolt made building intuitive, but connecting to external services—like Supabase—posed challenges. I needed extra time to understand where to find API and secret keys, and how to configure them properly.

That said, I strongly felt that “getting past the setup led directly to having a real product”.

🏆 Achievements I’m Proud Of

  • ✅ Went from idea to functional prototype in just a few days
  • 🧠 Wrote absolutely zero code myself
  • 🌱 Other users are already using it to share their AI creations
  • 🛠️ Solved a personal, recurring pain point with a tool I made on my own

📚 What I Learned

  1. You don’t need to be a developer to build and launch software
  2. Simplicity and speed are power features
  3. With the right tools, ideas can turn into working products—fast

🔮 What’s Next

Short-Term Goals:

  • Allow editing HTML after it’s published
  • View count analytics

Long-Term Vision:

  • AI-powered HTML improvement suggestions
  • Team sharing features

🧱 Technical Highlights

  • Frontend / Logic: Built entirely in Bolt
  • Backend: Supabase (PostgreSQL + Edge Functions)
  • Security: HTML sanitization (DOMPurify), auto-expiring pages, login-based access
  • Other Features: Mobile-friendly layout, instant URLs, safe preview before publish

📊 Results So Far

  • Built in just a few days
  • Wrote zero lines of code manually
  • Real users are already sharing content
  • Solves the gap between AI-generated HTML and simple sharing

🙏 Acknowledgments

This project shows how powerful Bolt + AI can be—even for non-engineers. Thanks to:

  • Bolt for making true no-code possible
  • AI tools for helping shape ideas quickly
  • The hackathon for giving me the push to build something real

🚀 Try It Now

Paste. Publish. Share. No code required. 👉 https://petat.me/

Built With

Share this project:

Updates