Pasio Padel Club

Showcase website for Pasio Padel Club, a padel facility located in Bayonne, France. Built to replace a legacy Wix website with a fully responsive, SEO-optimized experience.

Branch production-v1 — Static showcase site (no backend, no auth, no payments). All booking CTAs redirect to the mobile app. The main branch contains the full-featured version with database, auth, Stripe payments, and email system.

Features

• Responsive design for mobile and desktop
• SEO-optimized pages (tarifs, contact, galerie, credits)
• Google Maps integration
• Mobile app download promotion
• Static credit packs presentation

Tech Stack

Category	Technology
Framework	TanStack Start (React 19, SSR, Nitro)
Routing	TanStack Router (file-based)
Data Fetching	TanStack Query
Styling	Tailwind CSS 4 + shadcn/ui
Animation	Motion
Validation	Zod

Infrastructure

Service	Purpose
Vercel	Hosting (auto-deploy from production-v1-vercel)

Prerequisites

• Node.js 24.4.1+
• npm 11.8.0+

Getting Started

1. Clone and install

git clone <repository-url>
cd pasiopadelclub
git checkout production-v1
npm install

2. Environment variables

Copy the example file and fill in your values:

cp .env.example .env.local

Variable	Description
VITE_SITE_URL	Your app URL (e.g., http://localhost:3000)

3. Run the development server

npm run dev

The app will be available at http://localhost:3000.

Available Scripts

Command	Description
npm run dev	Start development server on port 3000
npm run build	Build for production
npm run start	Start production server
npm run lint:fix	Run TypeScript check + ESLint and fix issues
npm run test	Run unit tests with Vitest
npm run deps	Update dependencies (minor/patch)
npm run clean	Clean build output and cache

Project Structure

src/
├── routes/      # Pages (TanStack Router file-based routing)
├── components/  # React components (ui/, kibo-ui/, animate-ui/)
├── constants/   # App constants and configs
├── helpers/     # Pure utility functions
├── lib/         # Shared utilities (cn)
└── env/         # Environment variable validation

Pages

Route	Description
/	Homepage
/tarifs	Court pricing
/credits	Credit packs presentation
/galerie	Photo gallery
/contact	Contact info + Google Maps
/application	Mobile app download
/cgv	Terms of service
/mentions-legales	Legal notices
/politique-confidentialite	Privacy policy

Deployment

The app is configured for deployment on Vercel with automatic deploys from the production-v1-vercel branch.

Vercel Setup

1. Import your GitHub repository on Vercel
2. Set the deploy branch to production-v1-vercel
3. Add VITE_SITE_URL environment variable
4. Deploy

Vercel will automatically:

• Install dependencies
• Build the app (npm run build)
• Deploy as serverless functions + static assets

License

Private - All rights reserved