Nuxt 3 WP Blog is a Nuxt 3 boilerplate that turns WordPress into a headless CMS for a blog, pulling posts via the WordPress REST API and shipping a static front end with home, post, and category pages. It was created by developer Jahid Anowar as a companion to a full YouTube tutorial series, and it is released under the permissive WTFPL2 license.
What is Nuxt 3 WP Blog?
Nuxt 3 WP Blog is a project template that builds a blog front end in Nuxt 3 while using WordPress solely as a content backend. The template takes a WordPress site's REST API endpoint as its data source and produces a Nuxt 3 site with a designed home page, post page, category page, and reusable components. It runs on the Nuxt 3 framework and is maintained by Jahid Anowar, who published a step-by-step YouTube video walking through the entire build and deployment process.
Key Features
- Nuxt 3 framework — The blog is built on Nuxt 3, using its directory-based routing and server-side rendering capabilities for a fast, SEO-friendly front end.
- WordPress REST API integration — Content is fetched from a WordPress backend through the WordPress REST API, so blog posts and categories are managed in WordPress while rendered by Nuxt.
- Reusable components — The template includes reusable Vue components for repeated UI elements across the home, post, and category pages.
- Composables for data fetching — Data-fetching logic is packaged into Nuxt 3 composables, keeping the code DRY and making it easy to reuse across pages.
- Three page templates — The project includes designs for a home page, individual post page, and category archive page, covering the core browsing paths of a blog.
- Environment-based configuration — A .env.example file is provided; users copy it to .env and fill in values such as the WordPress API endpoint before running the dev server.
- Vercel deployment ready — Deployment to Vercel is covered in the accompanying video, and a Digital Ocean deployment guide is linked for those who prefer a different host.
- Permissive license — Released under the WTFPL2 license, the code can be used, modified, and redistributed with essentially no restrictions.
Who is it for?
- Nuxt developers — Developers who want a working reference for connecting Nuxt 3 to WordPress via the REST API can study the composables, components, and page structure.
- Blog owners using WordPress — Anyone who wants a modern Nuxt 3 front end while keeping WordPress as their familiar content management system can use this template to bridge the two.
- Learners following the tutorial — Because the repository accompanies a full YouTube video, learners can follow along from project creation through deployment on Vercel.
What can you do with Nuxt 3 WP Blog?
- Launch a headless WordPress blog: Configure the .env file with your WordPress API URL, install dependencies with npm install, run npm run dev, and view a Nuxt 3 blog fed by your WordPress content.
- Learn Nuxt 3 + WordPress integration: Use the accompanying YouTube video to see each step — from creating a Nuxt 3 project and a WordPress project to designing pages and deploying to Vercel.
- Customize the UI: Because the components are reusable and the pages are separated by the Nuxt 3 directory structure, you can restyle the home, post, and category layouts without touching the data logic.
How does Nuxt 3 WP Blog work?
To set it up, copy the .env.example file to .env and fill in the WordPress-related values. Then install dependencies with npm install (or yarn install) and start the development server with npm run dev (or yarn dev). The WordPress REST API acts as the data source, and Nuxt 3 fetches posts and categories through the provided composables.
FAQ
Is Nuxt 3 WP Blog free?
Yes, the project is released under the WTFPL2 license, so it is free to use, modify, and distribute with no restrictions.
Do I need a WordPress website to use this template?
Yes, the template is designed to use WordPress as a backend through the WordPress REST API, so you need a WordPress site with posts available for the blog to display.
Can I deploy Nuxt 3 WP Blog to Vercel?
Yes, deployment to Vercel is covered in the accompanying YouTube video, and a Digital Ocean deployment guide is also linked in the repository.
Does this template include a video tutorial?
Yes, the repository page links to a complete YouTube video that walks through every topic, from a Nuxt 3 and WordPress REST API introduction to deploying the finished blog to Vercel.
What pages are included in the template?
The template covers a home page, a post page for individual articles, and a category page for filtering posts by category, along with reusable components that support these views.
