Fuel Costs UK

Technologies We Use

Fuel Costs UK is built with a modern, open-source stack designed for speed, reliability, and real-time data processing. Here's what powers the site behind the scenes.

Frontend

Our user interface is built with modern web technologies for a fast, responsive experience on any device.

  • Next.jsReact framework providing server-side rendering, static generation, and API routes.
  • ReactComponent-based UI library for building interactive interfaces.
  • TypeScriptTyped superset of JavaScript for safer, more maintainable code.
  • Tailwind CSSUtility-first CSS framework for rapid, consistent styling.
  • Radix UIAccessible, unstyled component primitives for building high-quality UI.

Maps & Visualisation

Interactive maps and charts help you explore fuel prices visually across the UK.

  • LeafletOpen-source mapping library powering our interactive fuel price map.
  • React LeafletReact bindings for Leaflet, integrating maps seamlessly into our component tree.
  • RechartsComposable charting library used for price history and trend visualisations.

Database & Caching

A robust data layer ensures prices are stored reliably and served quickly.

  • PostgreSQLRelational database storing fuel prices, station data, and historical records.
  • Drizzle ORMLightweight TypeScript ORM for type-safe database queries.
  • RedisIn-memory data store used for caching and reducing database load.

Data Pipeline

Our background worker synchronises fuel prices from the UK Government every 4 minutes.

  • Node.jsJavaScript runtime powering our data synchronisation worker.
  • node-cronCron scheduler triggering regular price and station data syncs.
  • CMA Fuel Finder APIOfficial UK Government open data source for real-time fuel prices.

Marketing & SEO

Tools that help us grow the site and improve search engine visibility.

  • AuthoriflowMarketing and backlink management tool for building site authority and SEO.
  • AhrefsSEO toolset for backlink analysis, keyword research, and competitor monitoring.
  • Google Analytics 4Web analytics platform for tracking traffic, user behaviour, and conversions.
  • Google Search ConsoleSearch performance monitoring, indexing status, and technical SEO insights from Google.
  • Bing Webmaster ToolsSearch performance and indexing management for Microsoft Bing.

Developer Tools

Quality tools and workflows that keep the codebase reliable and developer-friendly.

  • ESLintLinter for catching errors and enforcing consistent code style.
  • SWRReact hooks library for data fetching with caching and revalidation.
  • GeistFont family by Vercel, optimised for readability on screens.
Back to Home