--- title: A Headless Shopify storefront using Next.js,React And... description: This is an ongoing project that is currently released in beta. Future updates will include:Using SWR for automatically updating content on SSG (Static Site... canonical: https://daily.dev/posts/a-headless-shopify-storefront-using-next-js-react-and-tailwind-css-thor1hqfk twitter:card: summary_large_image twitter:site: @dailydotdev og:type: website og:site_name: daily.dev og:title: A Headless Shopify storefront using Next.js,React And Tailwind CSS | daily.dev og:description: This is an ongoing project that is currently released in beta. Future updates will include:Using SWR for automatically updating content on SSG (Static Site... og:url: https://daily.dev/posts/a-headless-shopify-storefront-using-next-js-react-and-tailwind-css-thor1hqfk og:image: https://api.daily.dev/og/posts/thOr1Hqfk.png og:image:alt: A Headless Shopify storefront using Next.js,React And Tailwind CSS og:image:width: 1200 og:image:height: 630 og:locale: en --- > ## Documentation Index > Fetch the complete documentation index at: https://daily.dev/llms.txt > Use this file to discover all available pages before exploring further. # A Headless Shopify storefront using Next.js,React And Tailwind CSS **[React.js Examples](https://daily.dev/sources/reactexample)** · 1 min read · 13 upvotes · 0 comments ## Summary This is an ongoing project that is currently released in beta. Future updates will include:Using SWR for automatically updating content on SSG (Static Site Generation) websites. Additional ecommerce ready sections for Next.js using Tailwind CSS (currently 5 are included with the course assets) ## Full article daily.dev links to this article rather than hosting it. Read it at the original source: --- Tags: [#css](https://daily.dev/tags/css), [#ecommerce](https://daily.dev/tags/ecommerce), [#nextjs](https://daily.dev/tags/nextjs), [#tailwind-css](https://daily.dev/tags/tailwind-css) [View this post on daily.dev](https://daily.dev/posts/a-headless-shopify-storefront-using-next-js-react-and-tailwind-css-thor1hqfk) ```json {"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"https://daily.dev/#organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180},"sameAs":["https://twitter.com/dailydotdev","https://github.com/dailydotdev","https://www.linkedin.com/company/daily-dev-ltd"]},{"@type":"WebSite","@id":"https://daily.dev/#website","url":"https://daily.dev","name":"daily.dev","publisher":{"@id":"https://daily.dev/#organization"},"potentialAction":{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://daily.dev/search?q={search_term_string}"},"query-input":"required name=search_term_string"}}]} {"@context":"https://schema.org","@type":"TechArticle","headline":"A Headless Shopify storefront using Next.js,React And Tailwind CSS","url":"https://daily.dev/posts/a-headless-shopify-storefront-using-next-js-react-and-tailwind-css-thor1hqfk","mainEntityOfPage":{"@type":"WebPage","@id":"https://daily.dev/posts/a-headless-shopify-storefront-using-next-js-react-and-tailwind-css-thor1hqfk"},"datePublished":"2021-10-05T06:13:24.934Z","dateModified":"2021-10-07T14:17:10.317Z","description":"This is an ongoing project that is currently released in beta. Future updates will include:Using SWR for automatically updating content on SSG (Static Site...","image":"https://media.daily.dev/image/upload/f_auto,q_auto/v1/posts/37ef1efe63ca18275a8781bf5df0adbd","thumbnailUrl":"https://media.daily.dev/image/upload/f_auto,q_auto/v1/posts/37ef1efe63ca18275a8781bf5df0adbd","isAccessibleForFree":true,"articleSection":"React.js Examples","inLanguage":"en","publisher":{"@type":"Organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180}},"author":{"@type":"Organization","name":"React.js Examples","logo":"https://media.daily.dev/image/upload/t_logo,f_auto/v1/logos/29f6bb1811414e1fbfa654e5e188812c","url":"https://daily.dev/sources/reactexample"},"commentCount":0,"discussionUrl":"https://daily.dev/posts/a-headless-shopify-storefront-using-next-js-react-and-tailwind-css-thor1hqfk","interactionStatistic":[{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":13},{"@type":"InteractionCounter","interactionType":{"@type":"CommentAction"},"userInteractionCount":0}],"keywords":"css,ecommerce,nextjs,tailwind-css","timeRequired":"PT1M"} {"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://daily.dev"},{"@type":"ListItem","position":2,"name":"React.js Examples","item":"https://daily.dev/sources/reactexample"},{"@type":"ListItem","position":3,"name":"A Headless Shopify storefront using Next.js,React And Tailwind CSS"}]} ```