@graphcommerce/docs 4.5.1 → 4.5.2

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # Change Log
 
+## 4.5.2
+
+### Patch Changes
+
+- [#1354](https://github.com/graphcommerce-org/graphcommerce/pull/1354) [`90fa8d8b9`](https://github.com/graphcommerce-org/graphcommerce/commit/90fa8d8b90e2a3b33cdbb178a87094888c7befdd) Thanks [@ErwinOtten](https://github.com/ErwinOtten)! - Small fixes to docs
+
 ## 4.5.1
 
 ### Patch Changes

package/framework/deployment.md

@@ -1,8 +1,12 @@
+<div data-nosnippet>
+
 > **Developer preview**  
 > This is a developer preview of GraphCommerce. The documentation will be
 > updated as GraphCommerce introduces
 > [new features and refines existing functionality](https://github.com/graphcommerce-org/graphcommerce/releases).
 
+</div>
+
 # Deploy a Graphcommerce app with Vercel
 
 Congratulations, you are ready to deploy your GraphCommerce storefront to

package/framework/environment-variables.md

@@ -1,8 +1,12 @@
+<div data-nosnippet>
+
 > **Developer preview**  
 > This is a developer preview of GraphCommerce. The documentation will be
 > updated as GraphCommerce introduces
 > [new features and refines existing functionality](https://github.com/graphcommerce-org/graphcommerce/releases).
 
+</div>
+
 # Environment Variables
 
 This guide describes how to store environment variables in your GraphCommerce

package/framework/graphcms.md

@@ -2,11 +2,15 @@
 menu: GraphCMS
 ---
 
+<div data-nosnippet>
+
 > **Developer preview**  
 > This is a developer preview of GraphCommerce. The documentation will be
 > updated as GraphCommerce introduces
 > [new features and refines existing functionality](https://github.com/graphcommerce-org/graphcommerce/releases).
 
+</div>
+
 # GraphCMS
 
 GraphCMS is integrated as a Content Management System. It is used to store all

package/framework/icons.md

@@ -1,8 +1,12 @@
+<div data-nosnippet>
+
 > **Developer preview**  
 > This is a developer preview of GraphCommerce. The documentation will be
 > updated as GraphCommerce introduces
 > [new features and refines existing functionality](https://github.com/graphcommerce-org/graphcommerce/releases).
 
+</div>
+
 # Icons
 
 The GraphCommerce UI looks clean and minimalistic due to the use of icons. This

package/framework/readme.md

@@ -2,11 +2,15 @@
 menu: Overview
 ---
 
+<div data-nosnippet>
+
 > **Developer preview**  
 > This is a developer preview of GraphCommerce. The documentation will be
 > updated as GraphCommerce introduces
 > [new features and refines existing functionality](https://github.com/graphcommerce-org/graphcommerce/releases).
 
+</div>
+
 # GraphCommerce framework overview
 
 GraphCommerce is a front-end framework used for building headless Magento

package/framework/static-generation.md

@@ -6,11 +6,15 @@ metaDescription:
   Generation for Magento nextjs PWA out-of-the-box.'
 ---
 
+<div data-nosnippet>
+
 > **Developer preview**  
 > This is a developer preview of GraphCommerce. The documentation will be
 > updated as GraphCommerce introduces
 > [new features and refines existing functionality](https://github.com/graphcommerce-org/graphcommerce/releases).
 
+</div>
+
 # Static Site Generation (SSG) in GraphCommerce
 
 Pages that export a function called getStaticProps, will pre-render at

package/framework/troubleshooting.md

@@ -1,8 +1,12 @@
+<div data-nosnippet>
+
 > **Developer preview**  
 > This is a developer preview of GraphCommerce. The documentation will be
 > updated as GraphCommerce introduces
 > [new features and refines existing functionality](https://github.com/graphcommerce-org/graphcommerce/releases).
 
+</div>
+
 # Troubleshouting
 
 ## Common build errors

package/getting-started/graphcms-component.md

@@ -3,11 +3,15 @@ menu: 5. Build a GraphCMS component
 metaTitle: Build a GraphCMS component
 ---
 
+<div data-nosnippet>
+
 > **Developer preview**  
 > This is a developer preview of GraphCommerce. The documentation will be
 > updated as GraphCommerce introduces
 > [new features and refines existing functionality](https://github.com/graphcommerce-org/graphcommerce/releases).
 
+</div>
+
 # Build a GraphCMS component
 
 Previously, you created a GraphCommerce app and started building a custom
@@ -45,7 +49,7 @@ frontend React framework that uses Next.js for server-side rendering.
 
 <figure>
 
-![Adding a Single line text field]()
+![Adding a Single line text field](https://user-images.githubusercontent.com/1251986/159904004-cf774bd1-da01-4478-ac6e-b1567f9bafc7.png)
 
   <figcaption>Adding a Single line text field called "Identity"</figcaption>
 </figure>

package/getting-started/header.md

@@ -3,11 +3,15 @@ menu: 3. Build a custom header
 metaTitle: Build a custom header
 ---
 
+<div data-nosnippet>
+
 > **Developer preview**  
 > This is a developer preview of GraphCommerce. The documentation will be
 > updated as GraphCommerce introduces
 > [new features and refines existing functionality](https://github.com/graphcommerce-org/graphcommerce/releases).
 
+</div>
+
 # Build a custom header in GraphCommerce
 
 Previously, you created a GraphCommerce app and started building your custom

package/getting-started/pages.md

@@ -3,11 +3,15 @@ menu: 4. Build pages
 metaTitle: Build pages
 ---
 
+<div data-nosnippet>
+
 > **Developer preview**  
 > This is a developer preview of GraphCommerce. The documentation will be
 > updated as GraphCommerce introduces
 > [new features and refines existing functionality](https://github.com/graphcommerce-org/graphcommerce/releases).
 
+</div>
+
 # Build pages in GraphCommerce
 
 Previously, you created a custom storefront and started customizing your

package/getting-started/readme.md

@@ -9,11 +9,15 @@ metaDescription:
   template for Magento storefronts'
 ---
 
+<div data-nosnippet>
+
 > **Developer preview**  
 > This is a developer preview of GraphCommerce. The documentation will be
 > updated as GraphCommerce introduces
 > [new features and refines existing functionality](https://github.com/graphcommerce-org/graphcommerce/releases).
 
+</div>
+
 # GraphCommerce magento-graphcms example overview
 
 GraphCommerce offers a magento-graphcms example that provides an approachable

package/getting-started/start-building.md

@@ -3,11 +3,15 @@ menu: 2. Customize a storefront
 metaTitle: Customize a storefront
 ---
 
+<div data-nosnippet>
+
 > **Developer preview**  
 > This is a developer preview of GraphCommerce. The documentation will be
 > updated as GraphCommerce introduces
 > [new features and refines existing functionality](https://github.com/graphcommerce-org/graphcommerce/releases).
 
+</div>
+
 # Start building a GraphCommerce custom storefront
 
 Previously, you [created a new GraphCommerce app](../getting-started/create.md).

package/package.json

@@ -2,7 +2,7 @@
   "name": "@graphcommerce/docs",
   "homepage": "https://www.graphcommerce.org/docs",
   "repository": "github:graphcommerce-org/graphcommerce/docs",
-  "version": "4.5.1",
+  "version": "4.5.2",
   "sideEffects": true,
   "devDependencies": {
     "@graphcommerce/prettier-config-pwa": "^4.0.2"

package/readme.md

@@ -8,11 +8,15 @@ metaDescription:
   extension.'
 ---
 
+<div data-nosnippet>
+
 > **Developer preview**  
 > This is a developer preview of GraphCommerce. The documentation will be
 > updated as GraphCommerce introduces
 > [new features and refines existing functionality](https://github.com/graphcommerce-org/graphcommerce/releases).
 
+</div>
+
 # GraphCommerce
 
 GraphCommerce is a front-end framework used for building headless Magento

package/upgrading.md

@@ -1,7 +1,11 @@
+<div data-nosnippet>
+
 > **Developer preview**  
 > This is a developer preview of GraphCommerce. The documentation will be
 > updated as GraphCommerce introduces
-> [new features and refines existing functionality](https://github.com/graphcommerce-org/graphcommerce/releases)
+> [new features and refines existing functionality](https://github.com/graphcommerce-org/graphcommerce/releases).
+
+</div>
 
 # Upgrading
 
@@ -19,17 +23,17 @@ dependencies, while keeping your customizations.
 
 1. In package.json, find your version:
 
-```json
-// Example from package.json
+   ```json
+   // Example from package.json
 
-{
-  "dependencies": {
-    //...
-    "@graphcommerce/next-ui": "^4.2.0"
-    //...
-  }
-}
-```
+   {
+     "dependencies": {
+       //...
+       "@graphcommerce/next-ui": "^4.2.0"
+       //...
+     }
+   }
+   ```
 
 2. Download a fresh copy of the repository: