<< Back

Headless WordPress Website

Cover Image for Headless WordPress Website
Pierre-Yves Léglise
Pierre-Yves Léglise
Posted underProjects

## Description

Personal development portfolio showcasing technical projects and blog articles. Built with **Next.js 15** (App Router) and uses **Headless WordPress** as CMS.

The goal was to have a NextJS frontend, impliying fast, light and secured. The results on PageSpeed Insight are amazing !

**Live site**: https://www.axialdata.app

## Technologies

### **Frontend**

  • **Next.js 15** – React framework with App Router
  • **React 19** – UI library
  • **Tailwind CSS** – Utility CSS framework
  • **FontAwesome** – SVG icons
  • **Sass** – CSS preprocessor

### **Backend & CMS**

  • **Headless WordPress** – Headless CMS with GraphQL
  • **WPGraphQL** – GraphQL plugin for WordPress
  • **Vercel Analytics** – Analytics and monitoring

### **Security & Performance**

  • **Content Security Policy (CSP)** – Security with nonces
  • **Security Headers** – Complete security headers
  • **CORS** – Cross-origin configuration
  • **HTTP/2** – Automatic support in production

### **Prerequisites**

  • Node.js 18+
  • Yarn or npm
  • WordPress with WPGraphQL

Ressources :

Created : Oct. 2023
Updatd : Jun. 2025

**Live site**: https://www.axialdata.app

<< Back

More projects :

Cover Image for Truck Driving Distance Calculator Saas/API

Truck Driving Distance Calculator Saas/API

Multiple usage project. Basic application to calculate the driving distance between two cities in France if you’re driving a truck (height: 4.2m, width: 2.7m, weight: 20T). It can be use to calculate the cost of freight transport. Ressources : Demo site

Cover Image for Multiple quotations SaaS

Multiple quotations SaaS

WordPress integration. Quote application for ship transportation : cars, motorcycle, package or container. All has been integrated into a WordPress website. Every price grids can be managed by end user. Quotation sent by email. In production since : Oct. 2022.Last update : Jul. 2025 Ressources : Production website