Autolim.es

Autolim lava coches a mano en Elche desde 2011 y quería dar el salto a estudio de detailing premium. En Elche hay más de 50 centros de detailing y ninguno ofrecía reserva online con disponibilidad real ni publicaba tarifas por tamaño de vehículo: la oportunidad era diferenciarse con una web a la altura del servicio y una forma sencilla de pedir cita.

Diseñé y desarrollé la web y un sistema de gestión propio con Next.js 16 y Supabase: una web de marca oscura y elegante pensada para el SEO local, un motor de reservas con huecos reales por bahía y tamaño del vehículo, y un panel de administración para llevar el día a día del negocio.

• Motor de reservas en 6 pasos con disponibilidad real por bahía y tamaño del vehículo, hueco apartado 30 minutos, señal con Stripe Checkout y enlace privado para cancelar o mover la cita. Se activa o se apaga con un interruptor: hoy el negocio prefiere cerrar las citas por WhatsApp, teléfono o formulario.
• Dos reservas no pueden pisarse: lo impide la propia base de datos con una restricción de exclusión de PostgreSQL (EXCLUDE USING GIST), comprobada con un test de concurrencia en la integración continua.
• Panel de administración con agenda por día y bahía, clientes, cobros, avisos, informes y productos, y ajustes de horarios, servicios, extras, personal y textos legales. Acceso con doble factor (TOTP) obligatorio.
• Seguridad y privacidad desde el diseño: Row Level Security forzada en todas las tablas, precios y duraciones recalculados siempre en el servidor y la matrícula tratada como dato personal (nunca en URLs ni en logs).
• SEO local técnico: datos estructurados AutoWash, Service, FAQPage y OfferCatalog, sitemap y robots razonados página a página y reseñas reales de Google con la Places API.
• Correo transaccional con Resend y tareas programadas en Vercel para liberar huecos caducados y enviar avisos.

1. Fase 1

   Análisis del mercado local

   Más de 50 centros de detailing en Elche y ninguno con reserva online real ni tarifas por tamaño: de ahí sale la propuesta.

2. Fase 2

   Modelo de datos y reglas

   Bahías, tamaños de vehículo, servicios y horarios en PostgreSQL, con RLS y la agenda protegida por restricciones de la propia base de datos.

3. Fase 3

   Reservas y pagos

   Huecos reales, reserva apartada 30 minutos y señal con Stripe; enlace privado para gestionar la cita.

4. Fase 4

   Panel de gestión

   Agenda, clientes, cobros, avisos e informes, con doble factor y roles.

5. Fase 5

   Web de marca y lanzamiento

   Diseño oscuro «Luz rasante», SEO local y publicación en Vercel el 17 de septiembre de 2026.

• Next.js 16

  App Router con render en servidor: web pública rápida y panel de gestión en el mismo proyecto.

• Supabase y PostgreSQL 17

  Autenticación con doble factor, Row Level Security y restricciones de exclusión para que la agenda sea coherente por diseño.

• Stripe Checkout

  Cobro de la señal sin manejar datos de tarjeta, con webhook para confirmar la reserva.

• Vercel

  Despliegue continuo en la región de París y tareas programadas para liberar huecos y enviar avisos.