Skip to content

jahidanowar/nuxt3-wp-blog

Repository files navigation

Nuxt 3 WP Blog

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

Topics

  • 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

Usage

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

Deployment

Vercel deployment is already covered in the video.

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

Contributions & Issues

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

License

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