#50 Create Single Post Page | Nextjs WooCommerce React Theme | Headless WooCommerce
Imran Sayed - Codeytek Academy Imran Sayed - Codeytek Academy
31.6K subscribers
841 views
21

 Published On Premiered May 18, 2023

Chapter Fifty: Create Single Post Page | Next.js WooCommerce With REST API

0:00 Introduction to Creating a Single Post Page
0:40 Create Function For Getting Single Post Through WordPress REST API
2:39 Use Nextjs getStaticPaths to Fetch Posts And Build Posts Using Slug
4:17 Using Nextjs FALLBACK
6:49 Using Next.js isFallback
8:31 Using getStaticProps to Fetch Single Post
10:35 REST API response for single post
11:17 Getting Yoast JSON for Single Post
15:35 Using React Component for rendering post data
18:19 Formatting Post Date
19:40 Create Post Meta Component
22:49 Viewing the Post paths data.
25:27 Viewing the Post dayta

ImranSayedDev,
next js wordpress example,
Single Post Page,
next js wordpress starter,
nextjs wordpress,
next.js wordpress theme,
next js wordpress tutorial,
what is headless wordpress,
nextjs-headless-wordpress github,
nextjs wordpress graphql,

***** Join this channel to get access to perks: ****
https://www.youtube.com/ImranSayedDev...

----- SUBSCRIBE TO CHANNEL - https://www.youtube.com/c/ImranSayedD...

** Full Playlist **
   • React WooCommerce Theme With Nextjs a...  

** Live Demo **
https://nextjs-woocommerce-restapi-vi...

** Github repo **
https://github.com/imranhsayed/nextjs...

Please star my repo to support my work 🙏

** Please nominate me for Github Star **
https://stars.github.com/nominate/

****** Social Links *******

Please follow 🙏

Twitter - @codeytek

  / codeytek  

Github - imranhsayed
https://github.com/imranhsayed


****** Other Playlist *****

==== REACT TUTORIALS ====
https://codeytek.com/course/react-tut...

==== REDUX TUTORIALS ====
https://codeytek.com/course/redux-tut...

==== REACT WITH WORDPRESS TUTORIALS ====
https://codeytek.com/course/headless-...

==== WEBPACK TUTORIALS ====
https://codeytek.com/course/webpack-t...

#nextjs #woocommerce #post

show more

Share/Embed