Build a Nuxt 3, Tailwind CSS Blog with WordPress Rest API | Deployed on Vercel
We are going to build a Nuxt 3 blog with WordPress as a backend. We will use the WordPress REST API to fetch the data from WordPress and display it on our Nuxt 3 blog. For Designing, we will be using TailwindCSS, and at the end, we will deploy it in Vercel.
-- Connect With Me --
Discord: / discord
Twitter: / jahiddev
-- Project Links --
Srouce Code: https://github.com/jahidanowar/nuxt3-...
Live Demo: https://nuxt3-wp.vercel.app/
Topics We Have Covered in this video
A brief introduction to Nuxt3
A brief introduction to WordPress Rest API
Create a Nuxt3 project
Create a WordPress project
Nuxt3 Directory Structure
Adding Tailwind CSS to Nuxt 3 Project
Designing the Home Page
Designing the Post Page
Designing the Category Page
Creating Reusable Components
Making the code reusable using composable
Deploying to Vercel
-- Timestamps -
00:00 Introduction to the project
00:45 Project Live Demo
02:28 Video Topics
04:18 Nuxt 3 Introduction
05:47 WordPress REST API Intro
10:38 Installing Nuxt 3 using Nuxi
14:38 Nuxt 3 installation files
17:30 Installing TailwindCSS Module
21:21 Adding Global Title and Meta Tags
22:55 Nuxt 3 Directory Structure
25:11 Use of NuxtPage & Directory-based routing
30:19 Dynamic Routes
37:05 Navbar Design in Tailwind
45:54 Home Page Design
55:56 Reusable Page Header Component
01:03:03 Blog Card Design
01:10:28 Reusable Blog Card Component
01:15:28 Single Blog Page Design
01:23:00 Category Index Page Design
01:27:52 BREAK
01:28:10 Data Fetching in Nuxt 3
01:30:50 Using useFetch()
01:37:06 Custom composable for reusability
01:47:12 Fetching all posts from WordPress
01:51:00 Fetching single post
01:57:48 Fectging Category list
02:00:21 Fetching Data in Archive Page
02:14:50 Revisions
02:16:10 Deployment
02:18:50 Vercel Settings
02:21:33 Conclusion.
-- Recommended WordPress Hosting --
https://www.greengeeks.com/track/jahi...
Смотрите видео Build a Nuxt 3, Tailwind CSS Blog with WordPress Rest API | Deployed on Vercel онлайн без регистрации, длительностью часов минут секунд в хорошем качестве. Это видео добавил пользователь Jahid Anowar 28 Ноябрь 2022, не забудьте поделиться им ссылкой с друзьями и знакомыми, на нашем сайте его посмотрели 17,908 раз и оно понравилось 434 людям.