virusword.com

Learn Wordpress

Home/Videos/React WooCommerce Theme using Next.js and GraphQL | TailwindCSS | WPGraphQL | nextjs theme example

React WooCommerce Theme using Next.js and GraphQL | TailwindCSS | WPGraphQL | nextjs theme example



New React WooCommerce Theme | Incremental Static (Re)Generation

—– SUBSCRIBE TO CHANNEL – https://www.youtube.com/c/ImranSayedDev?sub_confirmation=1

*** Full Playlist ***
https://codeytek.com/course/woocommerce-with-react-course/

*** Github repo ***
https://github.com/imranhsayed/woo-next

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

https://twitter.com/codeytek

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

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

==== REACT TUTORIALS ====
https://codeytek.com/course/react-tutorial-from-beginner-to-advanced-course/

==== REDUX TUTORIALS ====
https://codeytek.com/course/redux-tutorial-for-beginners-course/

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

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

#woocommerce #react #nextjs

source

Reader Interactions

Comments

  1. I am enjoying your channel, thanks so much for creating high quality content in this area. … So what if I'm a WordPress dev for a business where we have a staging site to test out stuff before going live. Do I then need to have two instances of NextJS on Netlify paired to each version of the site? Can I setup Github so it pushes different branches to Netlify?

  3. Hey Imran! What's your take on Frontity vs NextJS for a WooCommerce headless site? (I can see that you have used both ways)
    I'm about to start playing with WC and React and wanted to have a second opinion on why one or the other (or both?)
    Thanks for your work!

  18. Cool video, thank you. The only thing I’d like to suggest is the ability to make changes to the layout of the page without writing code by hand. I’m thinking of a kind of "Elementor-to-react-render-plugin", so I don’t have to make changes to the page or the theme by coding. That way I could just use Elementor and WordPress to design my page and fill it with content, then render it with nextjs or gatsby. I want to make changes to the page layout and content just like I’m used to using WordPress without coding so I can be fast. That combined with a static page generator would be a blast. Thank’s for your time!

  19. Hi Imaran, Thank you for sharing such a knowledgeable tutorial. I have one question if I built the website with this theme then can I use WordPress or Woocommerce plugin?

  20. @Imaran Sayed what about then i made already a Woocommerce website with Elementor + Crocoblock and Hello theme .. can i switch tho this and keep my design and functions ?

  22. Could you make a course for woocommerce theme devp with next js graph and tailwind? Paid course . There is no course in Udemy with next js react and wpgraphql woocommerce or WordPress theme I’ll buy it right away

  28. @imran Sayed Thank you for all this High end Repo's your providing appreciate that a lot keep it rolling. one question please
    1.is there any future possibility for a Vue version of those woocommerce SPA / PWA websites instead of react? or even a Nodejs one. I think a lot will benefit from it

    Cheers mate

Explore more

Get our Wordpress Guide Get Plugins Get Connected