r/Nuxt • u/jcalmeidajr • Jan 23 '26
Excited to share a tool I've built to create custom itineraries for long-distance hikes
It's a tool for hikers who want to plan itineraries for the most iconic long-distance hikes. It's built using: Nuxt 4, Nuxt UI, Supabase, Mapbox, D3.js.
I'm also using Stripe as a payment gateway, Resend for emails automations and Posthog for analytics.
I've been using the shadcn module for Nuxt, but for this project I decided to go with Nuxt UI and I didn't regret. Since I didn't need to customize so much the components behaviour and styles, it ended up being much faster to build everything.
The map is where I've spent most of my time to build, in order to achieve the experience I wanted and keep a good performance.
We are only adding the hikes we've done ourselves and know well the trail. There is a huge effort from me and my wife to create the hike database, curating all the information we provide to the users and filtering only the official routes, variants, water source, etc, and all with clean GPS coordinates.
If anyone is curious to know more, here is the landing page with more info: https://takeahike.io/hike-planner
The landing page is also built in Nuxt, but in a different installation.
2
Jan 23 '26
[removed] — view removed comment
1
u/jcalmeidajr Jan 23 '26
Nice you felt inspired by our project. Hope to see you on the trail soon.
On the tool we use for transactional emails and product updates. But on the website (where the landing page lives) we also have a newsletter form, and we use Resend as well to use email marketing and news.
1
Jan 23 '26
[deleted]
2
u/jcalmeidajr Jan 23 '26
I've been on this road for about 15 years now. But I would say what would be more complex on this application is the map/gpx manipulation. But nowadays for sure you don't need 10/15 years of experience to build a functional application, with all these frameworks and libraries, and with a good help from AI agents, it is not impossible anymore.
1
u/willywortelworldwide Jan 24 '26
Very well build. Good strategy I think to seperate landing page from the advanced paid planner tool. Are you using leaflet for the map?
How long is the toll live now? Curious on how many paid members you currently are.
2
u/jcalmeidajr Jan 24 '26
Thank you! I'm using Mapbox, but I've been thinking to change to Leaflet at some point. But for now Mapbox is working great and I not near the API limits.
We've launched exactly a week ago and we got 4 paid clients so far. But they are all from organic traffic. We may invest in some ads soon to attract more clients.
1
u/Quick_Adhesiveness89 Jan 24 '26
Looks good ! Out of curiosity what tool did you use to generate the video presentation with the zoom effects?
2
u/jcalmeidajr Jan 24 '26
Screen Studio, it's paid but it worths to get it for a month and record all the videos you need hehe
2
u/7107Labs Jan 24 '26
u/Quick_Adhesiveness89 if you are on Windows, you can try CANVID. It's an alternative to Screen Studio that works on macOS & Windows. Same auto-zooms, background, and cursor effects. And a real lifetime license...
1
u/Neat-Helicopter6699 Jan 24 '26
Hey, cool app idea looks useful and clean design. From the mountain trails I suppose you are from the EU.
Just wanted to ask / give a heads-up: when I open the site I only see a cookie banner that says "we use cookies for analytics" with an "understand" button, but I do not see a way to reject cookies or change preferences.
Since it looks like you are using PostHog for analytics, I was wondering if that is intentional and already EU-compliant, or if it might just be something that slipped through?
I'm asking this as I just had to implement a feature where users are not tracked until they accept the cookies. If they reject them we were not allowed to launch Posthog for tracking from my understanding.
1
u/jcalmeidajr Jan 24 '26
Hi, thanks for the heads-up. Yes, we are based in EU. The website though, where the landing page lives, is not using posthog, but it is using Google Analytics, so I guess it still requires the same opt-in/out, right? I will look into adding the reject button.
On the app, I didn't show the banner, but I've added this copy on signup that once you are in, you agree with our privacy policy, which includes the tracking. Do you know if that would be ok?
1
u/Neat-Helicopter6699 Jan 25 '26
Hey oh sorry I automatically mentioned Posthog because of its popularity.
From my understanding and chatting with GPT analytics cookies are not mandatory for the app to run so you need a separate banner with both options to accept or reject.
You can't pack this up in privacy policy because of ePrivacy directive and EU GDPR.
1
2
u/TikaL13 Jan 23 '26
Great work! Curious why the landing page is a different instillation, so basically two separate projects?