Echo
Website for a spatial audio product, with accounts, password reset and Stripe checkout.
- Type
- SaaS website
- Built with
- Next.js, TypeScript, Supabase, Stripe, Framer Motion, Tailwind CSS
- Live at
- echo-eight-navy.vercel.app
Overview
Echo is a made-up audio product, but the website works like a real SaaS: visitors can create an account, log in, reset their password, edit their profile and go to checkout.
Highlights
- 01
Real accounts
Sign up, log in, password reset and a profile page.
- 02
Checkout
Payments through Stripe.
- 03
Particle hero
A particle effect and a starry background.
- 04
Floating navigation
A dark design with a floating nav bar.
Tech and tools
Server actions
Next.js App Router with a server action for every form.
Sign in
Supabase Auth for accounts and sessions.
Payments
A Stripe checkout API route.
Hero animation
Framer Motion for the opening moments.