[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"project-9057":3},{"id":4,"name":5,"fullName":6,"owner":7,"repo":5,"description":8,"homepage":9,"htmlUrl":10,"language":11,"languages":10,"totalLinesOfCode":10,"stars":12,"forks":13,"watchers":14,"openIssues":15,"contributorsCount":16,"subscribersCount":16,"size":16,"stars1d":16,"stars7d":17,"stars30d":18,"stars90d":16,"forks30d":16,"starsTrendScore":16,"compositeScore":19,"rankGlobal":10,"rankLanguage":10,"license":20,"archived":21,"fork":21,"defaultBranch":22,"hasWiki":23,"hasPages":21,"topics":24,"createdAt":10,"pushedAt":10,"updatedAt":35,"readmeContent":36,"aiSummary":37,"trendingCount":16,"starSnapshotCount":16,"syncStatus":38,"lastSyncTime":39,"discoverSource":40},9057,"woonuxt","scottyzen\u002Fwoonuxt","scottyzen","Static e-commerce powered by WooCommerce & Nuxt","https:\u002F\u002Fwoonuxt.com",null,"TypeScript",958,300,22,46,0,1,9,52.84,"GNU General Public License v3.0",false,"master",true,[25,26,27,28,29,30,31,32,33,34],"decoupled","ecommerce","graphql","headless","nuxt","static","tailwindcss","vuejs","woocommerce","wp-graphql","2026-06-12 04:00:42","![full](https:\u002F\u002Fuser-images.githubusercontent.com\u002F5116925\u002F218879668-f4c1f9fd-bef4-44b0-bc7f-e87d994aa3a1.png)\n\n# Next Generation Front-End for WooCommerce\n\n## Introduction\n\nThe goal of WooNuxt is to provide a modern, fast, and SEO-friendly front-end for WooCommerce. It's built on Nuxt 3 and uses the WPGraphQL API to retrieve all the data it needs. It's also fully customizable and can be extended with your custom components and modules. You can see a live demo of WooNuxt by clicking the button below.\n\n| Demo            | URL                            |\n| --------------- | ------------------------------ |\n| Netlify Demo    | https:\u002F\u002Fv3.woonuxt.com\u002F        |\n| Vercel Demo     | https:\u002F\u002Fwoonuxt-v3.vercel.app\u002F |\n| NuxtHub Demo    | https:\u002F\u002Fwoo.nuxt.dev\u002F          |\n| Customized Demo | https:\u002F\u002Fmyshop.woonuxt.com\u002F    |\n\n## Troubleshooting\n\nYou can find some common errors and how to fix them [here](https:\u002F\u002Fwoonuxt.com\u002Ffaq#some-common-errors-to-troubleshoot)\n\n## Get Started\n\n- Download the latest WooNuxt Settings plugin from the [woonuxt-settings releases](https:\u002F\u002Fgithub.com\u002Fscottyzen\u002Fwoonuxt-settings\u002Freleases).\n- Install and activate the plugin on your WordPress site. This will install all the required plugins for WooNuxt, add some useful fields to the WPGraphQL schema, and automatically retrieve the WooCommerce payment gateway settings for [Stripe](https:\u002F\u002Fwordpress.org\u002Fplugins\u002Fwoocommerce-gateway-stripe\u002F) and [PayPal](https:\u002F\u002Fwoo.com\u002Fdocument\u002Fpaypal-standard\u002F).\n- Once the plugin is activated you are ready to deploy WooNuxt on whatever hosting you like or click one of the fast deploy buttons below.\n- Once the plugin is activated, configure `GQL_HOST` and `NUXT_IMAGE_DOMAINS`. Check out the `.env.example` file for details.\n\n[![button](https:\u002F\u002Fuser-images.githubusercontent.com\u002F5116925\u002F218880214-a16287a7-fd8c-4299-9e65-0871136f0771.svg)](https:\u002F\u002Fapp.netlify.com\u002Fstart\u002Fdeploy?repository=https:\u002F\u002Fgithub.com\u002Fscottyzen\u002Fwoonuxt) [![Deploy with Vercel](https:\u002F\u002Fvercel.com\u002Fbutton)](https:\u002F\u002Fvercel.com\u002Fnew\u002Fclone?repository-url=https%3A%2F%2Fgithub.com%2Fscottyzen%2FWooNuxt3&repository-name=WooNuxt&env=GQL_HOST,NUXT_IMAGE_DOMAINS)\n\n## Large Catalog ISR Setup (10K+ Products)\n\nFor large catalogs, avoid full static generation and use Nuxt hybrid rendering with ISR.\n\n- Build with `nuxt build` (not `nuxt generate`).\n- Product catalog routes use Nitro `routeRules` with `isr` in `nuxt.config.ts`.\n- Default revalidation window is 3600 seconds and can be overridden via `CATALOG_ISR_TTL`.\n\nHow ISR gets triggered:\n\n- The first request to a route (for example `\u002Fproduct\u002Fsome-slug`) generates the page and caches it.\n- Requests during the TTL are served from cache.\n- After TTL, the next request serves stale content and triggers background regeneration.\n\nPlatform notes:\n\n- Vercel: uses Nuxt\u002FNitro ISR route rules directly.\n- Netlify: use server build mode (`nuxt build`) so route rules can run on the serverless\u002Fedge runtime. Static generate mode (`nuxt generate`) bypasses ISR.\n\n## How to customize & extend WooNuxt 🎨\n\nWooNuxt now uses the Nuxt layers feature to make it easy to customize any part of WooNuxt just like you would with a WordPress theme with its child theme.\n\nExample: I have created a pages directory and added a `contact.vue` file in the pages directory. This will override the default contact page that comes with WooNuxt. You can do this with any page or component. So think of the `woonuxt_base` folder as the parent theme and the root folder as the child theme.\n\nHere is a [branch](https:\u002F\u002Fgithub.com\u002Fscottyzen\u002Fwoonuxt\u002Ftree\u002Fmyshop) with an example of some basic customizations:\nAnd here is the live demo of the customized WooNuxt site: [My Shop](https:\u002F\u002Fmyshop.woonuxt.com\u002F).\n\n### Progress\n\n| Feature                                                   | Ongoing Enhancements | In the Pipeline | In Progress | Done | Next |\n| --------------------------------------------------------- | -------------------- | --------------- | ----------- | ---- | ---- |\n| Performance                                               | 🔷                   |                 |             | ✅   |      |\n| SEO                                                       | 🔷                   |                 | ✅          |      |      |\n| Cart                                                      |                      |                 |             | ✅   |      |\n| Search                                                    |                      |                 |             | ✅   |      |\n| Shipping                                                  |                      |                 |             | ✅   |      |\n| Checkout (Stripe, PayPal, Cash on Delivery)               | 🔷                   |                 |             | ✅   | 🔶   |\n| Filtering                                                 | 🔷                   |                 |             | ✅   |      |\n| Wishlists                                                 |                      |                 |             | ✅   |      |\n| Account                                                   |                      |                 |             | ✅   |      |\n| Coupons                                                   |                      |                 |             | ✅   |      |\n| Product Reviews                                           |                      |                 | ✅          |      |      |\n| Product Category Pages                                    |                      |                 | ✅          |      |      |\n| WooNuxt Settings Module                                   | 🔷                   |                 | ✅          |      |      |\n| Better TypeScript Support                                 | 🔷                   |                 | ✅          |      |      |\n| Mobile layout                                             | 🔷                   |                 |             | ✅   |      |\n| Countries & States Enums                                  |                      |                 |             | ✅   |      |\n| Cookie Popup & GDPR Compliance                            |                      | ✅              |             |      |      |\n| Progressive Web App (PWA)                                 |                      |                 | ✅          |      |      |\n| Queuing System (for checking out when the server is busy) |                      | ✅              |             |      | 🔶   |\n| Language Support (i18n)                                   | 🔷                   |                 | ✅          |      |      |\n\n \n\n### Required WordPress Plugins\n\n| Plugin Name                                                                        | Description                              |\n| ---------------------------------------------------------------------------------- | ---------------------------------------- |\n| [WooCommerce](https:\u002F\u002Fwordpress.org\u002Fplugins\u002Fwoocommerce\u002F)                          | Core eCommerce plugin                    |\n| [WPGraphQL](https:\u002F\u002Fwww.wpgraphql.com\u002F)                                            | A free, open-source plugin for WordPress |\n| [WooGraphQL](https:\u002F\u002Fwoographql.com\u002F)                                              | GraphQL API for WooCommerce              |\n| ~~[WPGraphQL Cors](https:\u002F\u002Fgithub.com\u002Ffunkhaus\u002Fwp-graphql-cors)~~                  | ~~Enable CORS for WPGraphQL~~            |\n| [Headless Login for WPGraphQL](https:\u002F\u002Fgithub.com\u002FAxeWP\u002Fwp-graphql-headless-login) | Enable headless login for WPGraphQL      |\n| [woonuxt-settings.zip](https:\u002F\u002Fgithub.com\u002Fscottyzen\u002Fwoonuxt-settings\u002Freleases)     | WooNuxt Settings plugin                  |\n\n> **Note** The [woonuxt-settings.zip](https:\u002F\u002Fgithub.com\u002Fscottyzen\u002Fwoonuxt-settings\u002Freleases) plugin will help you install all the required plugins.\n\n \n\n### Payment Methods\n\n| Payment Method                                                      | Supported |\n| ------------------------------------------------------------------- | --------- |\n| [Stripe](https:\u002F\u002Fwordpress.org\u002Fplugins\u002Fwoocommerce-gateway-stripe\u002F) | ✅        |\n| [PayPal Standard](https:\u002F\u002Fwoo.com\u002Fdocument\u002Fpaypal-standard\u002F)        | ✅        |\n| Cash on Delivery                                                    | ✅        |\n\n### Required Environment Variables\n\n- `GQL_HOST` - The GraphQL endpoint for your WordPress site, for example `https:\u002F\u002Fwp.example.com\u002Fgraphql`.\n- `NUXT_IMAGE_DOMAINS` - The WordPress\u002FCDN hostnames used for optimized images, for example `wp.example.com,cdn.example.com`.\n\nThe WooNuxt Settings plugin automatically provides the remaining storefront settings through GraphQL.\n\n \n\n#### Tested up to:\n\n| Plugin\u002FSoftware              | Version |\n| ---------------------------- | ------- |\n| WordPress                    | 6.9.4   |\n| WooCommerce                  | 10.7.0  |\n| WPGraphQL                    | 2.12.0  |\n| WooGraphQL                   | 1.0.2   |\n| ~~WPGraphQL CORS~~           | ~~2.1~~ |\n| Headless Login for WPGraphQL | 0.4.4   |\n| Node                         | 22.22.2 |\n| PHP                          | 8.4     |\n\n### Current translations\n\n| Language      | Code |\n| ------------- | ---- |\n| English 🇺🇸    | en   |\n| German 🇩🇪     | de   |\n| Spanish 🇪🇸    | es   |\n| French 🇫🇷     | fr   |\n| Italian 🇮🇹    | it   |\n| Portuguese 🇵🇹 | pt   |\n\n### Local SSL Setup\n\n- Install [mkcert](https:\u002F\u002Fgithub.com\u002FFiloSottile\u002Fmkcert) on your machine.\n- Run `mkcert localhost` to generate a certificate for localhost. You should now have a `localhost.pem` and `localhost-key.pem` file in your current directory. See the image below for an example.\n- Then run `mkcert -install` to install the certificate authority.\n- Finally, run `npm run dev:ssl` to start the dev server with SSL.\n\n#### Credits\n\nThis is an ongoing project but it wouldn't be possible without the help of the following people: [Jason Bahl](https:\u002F\u002Fgithub.com\u002Fjasonbahl) & [Geoffrey K Taylor](https:\u002F\u002Fgithub.com\u002Fkidunot89) for their ongoing work on WPGraphQL and WooGraphQL respectively. Also, a big thanks to the Nuxt team for all their hard work making Nuxt 3 a pleasure to build upon. And the [WooCommerce](https:\u002F\u002Fwoocommerce.com\u002F) team for making such a great e-commerce platform. Some other honorable mentions are [Funkhaus](https:\u002F\u002Ffunkhaus.us\u002F) for their work on the WPGraphQL Cors plugin. And the people who have contributed to making WooNuxt better every day, [Alex Lykesas](https:\u002F\u002Fgithub.com\u002Falexookah), [Zack Hatlen](https:\u002F\u002Fgithub.com\u002Fzackha), [Galli](https:\u002F\u002Fgithub.com\u002FZielgestalt), [Guillaume](https:\u002F\u002Fgithub.com\u002FGuillaumeDgr) Thank you all! 🙏\n\nI don't know where this project will go, but I'm excited to see what the future holds. If you have any questions or would like to contribute to the project please feel free to reach out to me on [Twitter](https:\u002F\u002Ftwitter.com\u002Fscottyzen) or [GitHub](https:\u002F\u002Fgithub.com\u002Fscottyzen).\n\n## 🤝 Contributing\n\nWe welcome contributions! Please see [CONTRIBUTING.md](.\u002FCONTRIBUTING.md) for guidelines on how to get started.\n","WooNuxt 是一个基于 WooCommerce 和 Nuxt 构建的静态电子商务前端解决方案。它利用 WPGraphQL API 获取数据，结合 Vue.js 和 Tailwind CSS 技术栈，提供了一个现代化、快速且对 SEO 友好的前端界面。项目支持解耦架构和无头 CMS 模式，允许开发者通过自定义组件和模块进行扩展。适用于需要高性能电商网站的企业或个人，特别是那些希望在不牺牲功能性的前提下提升用户体验的场景。此外，对于拥有大量商品目录（超过10,000个产品）的情况，WooNuxt 提供了增量静态再生 (ISR) 功能来优化加载速度与资源消耗。",2,"2026-06-11 03:20:58","top_language"]