jahidanowar / nuxt3-wp-blog

Home Page:https://nuxt3-wp.vercel.app

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

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

About

https://nuxt3-wp.vercel.app


Languages

Language:Vue 79.0%Language:TypeScript 17.4%Language:JavaScript 1.6%Language:CSS 1.1%Language:Shell 0.8%