We are going to build a Nuxt3 blog with WordPress as a backend. We will use the WordPress REST API to fetch the data from WordPress and display it on our Nuxt3 blog.

Full Video Link

• Brief introduction to Nuxt3
• Brief introduction to WordPress Rest API
• Create a Nuxt3 project
• Create a WordPress project
• Nuxt3 Directory Structure
• Designing the Home Page
• Designing the Post Page
• Designing the Category Page
• Creating Reusable Components
• Making the code reusable using composables
• Deploying to Vercel

Copy the .env.example file to .env and fill the values.

cp .env.example .env

Install the dependencies

npm install # or yarn install

Run the development server

npm run dev # or yarn dev

Vercel deployment is already covered in the video.

For digital ocean deployment, follow the Digital Ocean Deployment Guide.

Please feel free to raise an issue for suggestions or bugs. You can ,essage me on twitter @jahidDev.

The project is released under the WTFPL2 Do What The F*ck You Want To Public License.

jahid.dev  ·  YouTube @jahidanowar  ·  Twitter @jahidDev  ·  Instagram @jahidDev