r/WebdevTutorials

Hello

I’ve spent the last 3 months going deep into how Framer works because this problem kept bothering me.

What started as curiosity slowly turned into an obsession 😅

I ended up building an automation around it that converts Framer sites into actual React code from just a Framer URL.

Not exports that still depend on Framer assets or platform links.

Real React code you can actually edit, build on, and own.

Design, structure, responsiveness, animations, interactions and the whole experience.

Still refining things before releasing because there are a lot of edge cases to handle, and I’d rather launch something solid than rushed.

I’ll start sharing examples soon (Framer → React comparisons, tutorials, how it works, etc.)

Forgot to introduce myself, I’m a software developer currently working on Singapore Government projects, so i am not a guy who doesn’t know a shit about coding😅

I will keep sharing the details on my social media platforms.

@heyarthix

Thank you

Running a Hugo blog on consumer fiber and hit 1G sustained traffic from HN. Here's how we handled the load without dedicated server: LINK AMA if you're running homelab

Hey everyone,

I've been building Wander — a travel planning and tracking web app — and I'd love some real feedback before I push harder on it.

What it does:

• 🌍 Pin your travels on an interactive 3D globe. Drop pins for places you've visited or want to visit, at country, state, city, or landmark level. Click anywhere on the globe to add a pin — it reverse-geocodes automatically.
• 📋 Build day-by-day itineraries with destination, transport mode, cost estimate, and notes per day. Make them public or keep them private.
• 🔍 Explore feed — browse public itineraries from other users, filter by region, budget tier, and travel style, and like the ones you love.
• 🏆 Gamification — streak tracking (consecutive months with activity), 5 badge types (first pin, state collector, NE explorer, globe trotter, itinerary pro).
• 👤 Social layer — user profiles, follow/unfollow, and shareable travel cards you can export as an image.

Tech stack (for the devs): React + TypeScript, Vite, Tailwind CSS v4, Supabase (auth + DB + storage), react-globe.gl for the 3D globe, Mapbox for geocoding and 2D fallback.

What I'm genuinely unsure about:

1. Is the 3D globe actually useful or just a gimmick? Would you prefer a flat map?
2. Does the itinerary + pin combination make sense as one app, or does it feel like two separate tools duct-taped together?
3. The gamification (streaks/badges) — does it add anything meaningful or does it feel forced?
4. What's missing that would make you actually use this over just a notes app or Google Maps saved places?

Link: letswanderthere.com

I'm not trying to sell anything — just want to know if this solves a real problem or if I'm building something nobody needs. Brutal honesty appreciated.

Spent 6 months building StackGrid. It deploys your whole stack to clouds you already own:

- Managed Postgres, Redis, MongoDB, MySQL → your DigitalOcean account

- Web apps → DO droplets, or AWS (no console nightmare)

- Static sites → your Cloudflare account

- Domain purchase + DNS wiring → via GoDaddy etc.

- Click-to-redeploy

No infrastructure markup. You pay DO/CF directly via your own accounts. I just orchestrate the server provsioning/deployment/haelth checks so you don't have to wire it all yourself.

Built it because the alternatives are: pay Heroku/Vercel/Render 3-5x cloud cost, or spend a weekend per project doing it manually.

Looking for 20 people to use it free for life. In exchange I want:

- 20 min on a call telling me what's confusing or broken

- Honest feedback on what would actually make you switch

Link: stackgrid.app

Comment or DM. Happy to answer stack questions here.

If you're only using it for fade-ins and scroll animations, a 1KB CSS shim with the same API cuts your bundle by 97%.

Only keep framer-motion if you need physics, drag, or shared layout transitions. Everything else is overkill.

Count your days…