Texas Waterway is a modern full-stack application combining live environmental data with community-driven social features. Built with Next.js 15, TypeScript, and Tailwind CSS, it offers real-time lake dashboards, interactive maps, fish species guides, and event management — all seamlessly deployed on Vercel with serverless scalability.
Key Features
• Live lake dashboards: real-time levels, weather, historical data.
• Interactive Texas map for exploring lakes and community events.
• Fish species guide with detailed catch tips.
• Social: user profiles, friend requests, event creation and RSVPs.
Tech Utilization
• Next.js 15 App Router with SSR & ISR for high performance.
• React 18 + TypeScript for robust, type-safe components.
• Tailwind CSS & Radix UI for responsive, accessible styling.
• Sanity CMS headless backend for structured content.
• NextAuth.js for OAuth & email magic-link authentication.
• Cloudinary for optimized media storage and CDN delivery.
Event Search & Filtering
Data Model & Schema Diagram
• Texas Waterway uses Sanity CMS with custom schemas for Users, Events, Lakes, and FriendRequests. These define structured fields and relations, enabling efficient, type-safe queries from Next.js server components.
• Only structured content (Users, Events, Playlists, FriendRequests) is stored in Sanity; larger data sets like historical lake metrics (daily records since the 1940s) are managed outside Sanity for optimal performance.
Texas Waterway integrates live APIs to fetch lake metrics (levels, weather) and fish species data directly from Texas state resources. These dynamic endpoints are consumed in server components, enabling charts and dashboards to reflect up-to-the-minute environmental statistics without manual refresh.
Live Lake Data Dashboard
Fish Species Information & Tips
User Profile & Friend Management
Real-Time Event View Counter
• This view counter uses Next.js 15’s Partial Pre-Rendering: page content regenerates via ISR (60s cache), while counter renders per request via SSR, balancing static speed with live metrics.
Custom Toast Notifications
• Custom toast notifications built with Radix UI for instant feedback on actions like friend requests, event creation and updating, and clipboard copy.
Interactive Lake Map
Event Page Navigation
Authentication Flow & Profile Creation
