<< 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 16** (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 16** – 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 : Jan. 2026

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

<< Back

More projects :

Cover Image for Package : Date picker React.js / Next.js

Package : Date picker React.js / Next.js

Simple Date Picker. React component created for Next.js projects. A datepicker component built for Next.js using FontAwesome. No external css. This project has been released as a NPM package. Ressources : Developer documentation NPM Package Github repository

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

PortFolio Development - headless-wordpress-website - Pierre-Yves Léglise