PortoNova

Designs
Content
Deployment
Preview
Home

💡 Inspiration

As a mobile app developer, I know firsthand how frustrating it can be to build something as “simple” as a personal website — especially if you’re not a web developer. I’ve spent weekends trying to get a basic portfolio live, only to get stuck in a mess of templates, broken layouts, and deployment issues.

But it’s not just developers who struggle.

I’ve seen doctors, freelancers, engineers from other domains, students, and even creatives face the same roadblock:
They have incredible stories, talents, and experiences — but no easy way to showcase them online. In today’s world, if you’re not searchable, you’re invisible. Your personal website is no longer a luxury — it’s your digital identity.

And yet... most people never get that identity online.

That’s why I built PortoNova.
I wanted to make something that lets anyone — no matter their profession or technical background — create a stunning, professional portfolio website in just a few clicks. Whether you're a backend developer, a UI designer, a data analyst, or a medical researcher, PortoNova is your chance to shine without touching a single line of code.

The world is moving fast.
We’re entering a future where your online presence speaks before you do — and I wanted to make sure no one gets left behind just because they don’t know how to write HTML.

PortoNova is not just a portfolio builder — it’s a way to tell your story to the world.
Quickly. Beautifully. And effortlessly.

That’s what inspired me — and it’s what continues to drive this project forward.

🚀 What It Does

PortoNova is a no-code, AI-powered portfolio builder that lets users:

Log in with Google or GitHub using Supabase
Instantly generate a professional bio, project summaries, skills, and resume using Gemini AI
Customize their content via a live preview editor
Upload or type in their CV, which gets converted into a sleek portfolio format
Choose from curated fonts, themes, and color palettes (with Pro features for premium customization)
Deploy their site instantly to Vercel with one click and get a shareable live link

It’s a seamless workflow — from login to deployment in under 5 minutes.

🛠️ How We Built It

We built PortoNova entirely inside Bolt.new, taking full advantage of its visual interface, backend logic capabilities, and serverless architecture.

Frontend & Backend: All UI, logic, and flows were built directly in Bolt.new
Authentication: Supabase handled OAuth for Google and GitHub
Database: Supabase Postgres stored user content, site settings, and project data
AI Generation: Gemini API powered real-time generation of bios, job titles, CV content, and more
Deployment: Vercel API enabled one-click deployment and returned a live production link
Pro Features: Role-based gating inside Bolt unlocked exclusive design options for premium users
Bolt Badge: "Built on Bolt" badge is displayed on every published site

🧩 Challenges We Ran Into

OAuth Integration: Handling both Google and GitHub login in one seamless Supabase session took testing and cleanup.
Dynamic AI Prompting: Ensuring Gemini-generated content was relevant, fast, and usable in real-time previews required thoughtful prompt design and caching.
Live Preview Performance: Rendering every change instantly in the preview while maintaining smooth UX was a technical balancing act.
Deployment: Streaming generated content to Vercel in a secure, bundled format with status monitoring inside Bolt took custom logic handling.
Feature Gating: Implementing pro-only features while maintaining accessibility for free users required conditional UI and secure backend rules.

🏆 Accomplishments That We're Proud Of

End-to-End Build in Bolt.new: No external backend or frontend stack was used — everything lives in Bolt.
AI-Powered Resume to Website: Gemini transforms a plain CV into a full-blown live site — automatically.
True One-Click Deployment: Users get a live Vercel-hosted website from within Bolt with zero setup.
Beautiful UX: The product feels intuitive even for non-technical users, which was a core goal from day one.

📚 What We Learned

Bolt.new is capable of replacing a full-stack environment when used thoughtfully.
Integrating external APIs like Gemini and Vercel within Bolt’s logic required creative routing and secure token handling.
The key to a magical AI experience is giving users useful defaults but still letting them edit freely.
Great UX doesn’t come from complexity — it comes from simplicity that feels powerful.

🔮 What's Next for PortoNova

Template Marketplace: Users will be able to choose from or upload custom portfolio themes.
Multi-language Support: Expanding AI generation and UI content into multiple languages.
Advanced Analytics: Let users track views, downloads, and recruiter visits on their portfolios.
Custom Domains: Direct domain integration via Entri or Vercel for professional branding.
Team Portfolios: Allow teams or agencies to create shared showcase websites.
Mobile Optimizations: Enhanced editing and preview experience for mobile creators.