diff --git a/.eslintrc.js b/.eslintrc.js
index 59ed1e1f4..a097a087f 100644
--- a/.eslintrc.js
+++ b/.eslintrc.js
@@ -19,30 +19,30 @@ module.exports = {
case: 'kebabCase'
}
],
- "prettier/prettier": "warn",
- "@typescript-eslint/no-unused-vars": "off",
- "unused-imports/no-unused-imports": "error",
- "no-template-curly-in-string": "error",
- "unused-imports/no-unused-vars": [
- "warn",
+ 'prettier/prettier': 'warn',
+ '@typescript-eslint/no-unused-vars': 'off',
+ 'unused-imports/no-unused-imports': 'error',
+ 'no-template-curly-in-string': 'error',
+ 'unused-imports/no-unused-vars': [
+ 'warn',
{
- "vars": "all",
- "varsIgnorePattern": "^_",
- "args": "after-used",
- "argsIgnorePattern": "^_"
+ vars: 'all',
+ varsIgnorePattern: '^_',
+ args: 'after-used',
+ argsIgnorePattern: '^_'
}
]
},
- "settings": {
- "tailwindcss": {
- "config": "./tailwind.config.js",
- "callees": ["cx"]
+ settings: {
+ tailwindcss: {
+ config: './tailwind.config.js',
+ callees: ['cx']
},
- "tailwindcss/classnames-order": [
+ 'tailwindcss/classnames-order': [
true,
{
- "callees": ["cx"],
- "config": "./tailwind.config.js"
+ callees: ['cx'],
+ config: './tailwind.config.js'
}
]
}
diff --git a/README.md b/README.md
index 419029a7d..6301f5b19 100644
--- a/README.md
+++ b/README.md
@@ -80,18 +80,12 @@ Once installed, you'll need to create a `SHOPIFY_STOREFRONT_ACCESS_TOKEN` enviro
Expand to view detailed walkthrough
1. Navigate to `https://[your-shopify-store-subdomain].myshopify.com/admin/settings/apps`.
-1. Click the green `Shopify App Store` button.
- 
-1. Search for `Headless` and click on the `Headless` app.
- 
-1. Click the black `Add app` button.
- 
-1. Click the green `Add sales channel` button.
- 
-1. Click the green `Create storefront` button.
- 
-1. Copy and paste the public access token and assign it to a `SHOPIFY_STOREFRONT_ACCESS_TOKEN` environment variable.
- 
+1. Click the green `Shopify App Store` button. 
+1. Search for `Headless` and click on the `Headless` app. 
+1. Click the black `Add app` button. 
+1. Click the green `Add sales channel` button. 
+1. Click the green `Create storefront` button. 
+1. Copy and paste the public access token and assign it to a `SHOPIFY_STOREFRONT_ACCESS_TOKEN` environment variable. 
1. If you ever need to reference the public access token again, you can navigate to `https://[your-shopify-store-subdomain].myshopify.com/admin/headless_storefronts`.
@@ -106,21 +100,14 @@ Follow the installation instructions and configure the theme with your headless
Expand to view detailed walkthrough
-1. Download [Shopify Headless Theme](https://github.com/instantcommerce/shopify-headless-theme).
- 
+1. Download [Shopify Headless Theme](https://github.com/instantcommerce/shopify-headless-theme). 
1. Navigate to `https://[your-shopify-store-subdomain].myshopify.com/admin/themes`.
-1. Click `Add theme`, then `Upload zip file`.
- 
-1. Select the downloaded zip file from above, and click the green `Upload file` button.
- 
-1. Click `Customize`.
- 
-1. Click `Theme settings` (ie. the paintbrush icon), expand the `STOREFRONT` section, enter your headless store domain, click the gray `Publish` button.
- 
-1. Confirm the theme change by clicking the green `Save and publish` button.
- 
-1. The headless theme should now be your current active theme.
-
+1. Click `Add theme`, then `Upload zip file`. 
+1. Select the downloaded zip file from above, and click the green `Upload file` button. 
+1. Click `Customize`. 
+1. Click `Theme settings` (ie. the paintbrush icon), expand the `STOREFRONT` section, enter your headless store domain, click the gray `Publish` button. 
+1. Confirm the theme change by clicking the green `Save and publish` button. 
+1. The headless theme should now be your current active theme. 
### Branding & Design
@@ -141,27 +128,21 @@ You can use Shopify's admin to customize these pages to match your brand and des
#### Checkout, order status, and order history
1. Navigate to `https://[your-shopify-store-subdomain].myshopify.com/admin/settings/checkout`.
-1. Click the green `Customize` button.
- 
-1. Click `Branding` (ie. the paintbrush icon) and customize your brand. Please note, there are three steps / pages to the checkout flow. Use the dropdown to change pages and adjust branding as needed on each page. Click `Save` when you are done.
- 
+1. Click the green `Customize` button. 
+1. Click `Branding` (ie. the paintbrush icon) and customize your brand. Please note, there are three steps / pages to the checkout flow. Use the dropdown to change pages and adjust branding as needed on each page. Click `Save` when you are done. 
1. Navigate to `https://[your-shopify-store-subdomain].myshopify.com/admin/settings/branding`.
-1. Customize settings to match your brand.
- 
+1. Customize settings to match your brand. 
#### Emails
1. Navigate to `https://[your-shopify-store-subdomain].myshopify.com/admin/settings/email_settings`.
-1. Customize settings to match your brand.
- 
+1. Customize settings to match your brand. 
#### Favicon
1. Navigate to `https://[your-shopify-store-subdomain].myshopify.com/admin/themes`.
-1. Click the green `Customize` button.
- 
-1. Click `Theme settings` (ie. the paintbrush icon), expand the `FAVICON` section, upload favicon, then click the `Save` button.
- 
+1. Click the green `Customize` button. 
+1. Click `Theme settings` (ie. the paintbrush icon), expand the `FAVICON` section, upload favicon, then click the `Save` button. 
@@ -189,9 +170,7 @@ Next.js is pre-configured to listen for the following Shopify webhook events and
#### Configure Shopify webhooks
1. Navigate to `https://[your-shopify-store-subdomain].myshopify.com/admin/settings/notifications`.
-1. Add webhooks for all six event topics listed above. You can add more sets for other preview urls, environments, or local development. Append `?secret=[SECRET]` to each url, where `[SECRET]` is the secret you created above.
- 
- 
+1. Add webhooks for all six event topics listed above. You can add more sets for other preview urls, environments, or local development. Append `?secret=[SECRET]` to each url, where `[SECRET]` is the secret you created above.  
#### Testing webhooks during local development
@@ -200,11 +179,8 @@ The easiest way to test webhooks while developing locally is to use [ngrok](http
1. [Install and configure ngrok](https://ngrok.com/download) (you will need to create an account).
1. Run your app locally, `npm run dev`.
1. In a separate terminal session, run `ngrok http 3000`.
-1. Use the url generated by ngrok and add or update your webhook urls in Shopify.
- 
- 
-1. You can now make changes to your store and your local app should receive updates. You can also use the `Send test notification` button to trigger a generic webhook test.
- 
+1. Use the url generated by ngrok and add or update your webhook urls in Shopify.  
+1. You can now make changes to your store and your local app should receive updates. You can also use the `Send test notification` button to trigger a generic webhook test. 
diff --git a/license.md b/license.md
index 7ee04f58c..5166c2f84 100644
--- a/license.md
+++ b/license.md
@@ -2,20 +2,8 @@ The MIT License (MIT)
Copyright (c) 2023 Vercel, Inc.
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
+Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
+The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.