diff --git a/package-lock.json b/package-lock.json
index 494a536c1..88c112d09 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1454,6 +1454,10 @@
       "resolved": "packages/spree",
       "link": true
     },
+    "node_modules/@vercel/commerce-swell": {
+      "resolved": "packages/swell",
+      "link": true
+    },
     "node_modules/@vercel/fetch": {
       "version": "6.1.1",
       "resolved": "https://registry.npmjs.org/@vercel/fetch/-/fetch-6.1.1.tgz",
@@ -1752,6 +1756,15 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/array-includes-with-glob": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/array-includes-with-glob/-/array-includes-with-glob-3.1.0.tgz",
+      "integrity": "sha512-/PZEKASyXWmUTkNhuxnmqybv1CmIdY5rp3axLy3Dv6SYfaBb+EgS7Nl991mquHT1N2u0YAnE3IOafVNRM6Y9dw==",
+      "dependencies": {
+        "@babel/runtime": "^7.14.0",
+        "matcher": "^4.0.0"
+      }
+    },
     "node_modules/array-union": {
       "version": "2.1.0",
       "resolved": "https://registry.npmjs.org/array-union/-/array-union-2.1.0.tgz",
@@ -3008,7 +3021,6 @@
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-4.0.0.tgz",
       "integrity": "sha512-TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA==",
-      "dev": true,
       "engines": {
         "node": ">=10"
       },
@@ -4481,6 +4493,15 @@
       "integrity": "sha1-6PvzdNxVb/iUehDcsFctYz8s+hA=",
       "dev": true
     },
+    "node_modules/isomorphic-fetch": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/isomorphic-fetch/-/isomorphic-fetch-3.0.0.tgz",
+      "integrity": "sha512-qvUtwJ3j6qwsF3jLxkZ72qCgjMysPzDfeV240JHiGZsANBYd+EEuu35v7dfrJ9Up0Ak07D7GGSkGhCHTqg/5wA==",
+      "dependencies": {
+        "node-fetch": "^2.6.1",
+        "whatwg-fetch": "^3.4.1"
+      }
+    },
     "node_modules/jest-worker": {
       "version": "27.0.0-next.5",
       "resolved": "https://registry.npmjs.org/jest-worker/-/jest-worker-27.0.0-next.5.tgz",
@@ -4874,6 +4895,16 @@
       "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.21.tgz",
       "integrity": "sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg=="
     },
+    "node_modules/lodash.camelcase": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/lodash.camelcase/-/lodash.camelcase-4.3.0.tgz",
+      "integrity": "sha1-soqmKIorn8ZRA1x3EfZathkDMaY="
+    },
+    "node_modules/lodash.clonedeep": {
+      "version": "4.5.0",
+      "resolved": "https://registry.npmjs.org/lodash.clonedeep/-/lodash.clonedeep-4.5.0.tgz",
+      "integrity": "sha1-4j8/nE+Pvd6HJSnBBxhXoIblzO8="
+    },
     "node_modules/lodash.debounce": {
       "version": "4.0.8",
       "resolved": "https://registry.npmjs.org/lodash.debounce/-/lodash.debounce-4.0.8.tgz",
@@ -4889,6 +4920,11 @@
       "resolved": "https://registry.npmjs.org/lodash.isboolean/-/lodash.isboolean-3.0.3.tgz",
       "integrity": "sha1-bC4XHbKiV82WgC/UOwGyDV9YcPY="
     },
+    "node_modules/lodash.isdate": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/lodash.isdate/-/lodash.isdate-4.0.1.tgz",
+      "integrity": "sha1-NaVDZzuddhEN5BFLMsxXcEin82Y="
+    },
     "node_modules/lodash.isinteger": {
       "version": "4.0.4",
       "resolved": "https://registry.npmjs.org/lodash.isinteger/-/lodash.isinteger-4.0.4.tgz",
@@ -4925,6 +4961,11 @@
       "resolved": "https://registry.npmjs.org/lodash.random/-/lodash.random-3.2.0.tgz",
       "integrity": "sha1-luJOdjMzGZEw0sni/Vf5FwPMJi0="
     },
+    "node_modules/lodash.snakecase": {
+      "version": "4.1.1",
+      "resolved": "https://registry.npmjs.org/lodash.snakecase/-/lodash.snakecase-4.1.1.tgz",
+      "integrity": "sha1-OdcUo1NXFHg3rv1ktdy7Fr7Nj40="
+    },
     "node_modules/lodash.sortby": {
       "version": "4.7.0",
       "resolved": "https://registry.npmjs.org/lodash.sortby/-/lodash.sortby-4.7.0.tgz",
@@ -4940,6 +4981,11 @@
       "resolved": "https://registry.npmjs.org/lodash.topath/-/lodash.topath-4.5.2.tgz",
       "integrity": "sha1-NhY1Hzu6YZlKCTGYlmC9AyVP0Ak="
     },
+    "node_modules/lodash.uniq": {
+      "version": "4.5.0",
+      "resolved": "https://registry.npmjs.org/lodash.uniq/-/lodash.uniq-4.5.0.tgz",
+      "integrity": "sha1-0CJTc662Uq3BvILklFM5qEJ1R3M="
+    },
     "node_modules/log-update": {
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/log-update/-/log-update-4.0.0.tgz",
@@ -5066,6 +5112,20 @@
       "optional": true,
       "peer": true
     },
+    "node_modules/matcher": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/matcher/-/matcher-4.0.0.tgz",
+      "integrity": "sha512-S6x5wmcDmsDRRU/c2dkccDwQPXoFczc5+HpQ2lON8pnvHlnvHAHj5WlLVvw6n6vNyHuVugYrFohYxbS+pvFpKQ==",
+      "dependencies": {
+        "escape-string-regexp": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
     "node_modules/md5.js": {
       "version": "1.3.5",
       "resolved": "https://registry.npmjs.org/md5.js/-/md5.js-1.3.5.tgz",
@@ -5527,7 +5587,6 @@
       "version": "2.6.6",
       "resolved": "https://registry.npmjs.org/node-fetch/-/node-fetch-2.6.6.tgz",
       "integrity": "sha512-Z8/6vRlTUChSdIgMa51jxQ4lrw/Jy5SOW10ObaA47/RElsAN2c5Pn8bTgFGWn/ibwzXTE8qwr1Yzx28vsecXEA==",
-      "peer": true,
       "dependencies": {
         "whatwg-url": "^5.0.0"
       },
@@ -5629,6 +5688,30 @@
         "node": ">= 0.4"
       }
     },
+    "node_modules/object-keys-normalizer": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/object-keys-normalizer/-/object-keys-normalizer-1.0.1.tgz",
+      "integrity": "sha1-2xeNu6Xkx7GLQIN8jvgzZe6TSOc=",
+      "dependencies": {
+        "lodash.camelcase": "^4.3.0",
+        "lodash.snakecase": "^4.1.1"
+      }
+    },
+    "node_modules/object-merge-advanced": {
+      "version": "12.0.3",
+      "resolved": "https://registry.npmjs.org/object-merge-advanced/-/object-merge-advanced-12.0.3.tgz",
+      "integrity": "sha512-xQIf2Vup1rpKiHr2tQca5jyNYgT4O0kNxOfAp3ZNonm2hS+5yaJgI0Czdk/QMy52bcRwQKX3uc3H8XtAiiYfVA==",
+      "dependencies": {
+        "@babel/runtime": "^7.12.13",
+        "array-includes-with-glob": "^3.0.6",
+        "lodash.clonedeep": "^4.5.0",
+        "lodash.includes": "^4.3.0",
+        "lodash.isdate": "^4.0.1",
+        "lodash.isplainobject": "^4.0.6",
+        "lodash.uniq": "^4.5.0",
+        "util-nonempty": "^3.0.6"
+      }
+    },
     "node_modules/object.assign": {
       "version": "4.1.2",
       "resolved": "https://registry.npmjs.org/object.assign/-/object.assign-4.1.2.tgz",
@@ -8603,6 +8686,36 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/swell-js": {
+      "version": "4.0.0-next.0",
+      "resolved": "https://registry.npmjs.org/swell-js/-/swell-js-4.0.0-next.0.tgz",
+      "integrity": "sha512-OQ1FLft3ruKpQw5P0TiCzs/X2Ma95+Qz+I2Xzs4KC6v+zVaFVUGNs80dQdtjfInisWoFC7iFZF2AITgellVGAg==",
+      "dependencies": {
+        "@babel/runtime": "7.4.5",
+        "deepmerge": "4.2.2",
+        "isomorphic-fetch": "3.0.0",
+        "lodash": "4.17.21",
+        "object-keys-normalizer": "1.0.1",
+        "object-merge-advanced": "12.0.3",
+        "qs": "6.7.0"
+      }
+    },
+    "node_modules/swell-js/node_modules/@babel/runtime": {
+      "version": "7.4.5",
+      "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.4.5.tgz",
+      "integrity": "sha512-TuI4qpWZP6lGOGIuGWtp9sPluqYICmbk8T/1vpSysqJxRPkudh/ofFWyqdcMsDf2s7KvDL4/YHgKyvcS3g9CJQ==",
+      "dependencies": {
+        "regenerator-runtime": "^0.13.2"
+      }
+    },
+    "node_modules/swell-js/node_modules/qs": {
+      "version": "6.7.0",
+      "resolved": "https://registry.npmjs.org/qs/-/qs-6.7.0.tgz",
+      "integrity": "sha512-VCdBRNFTX1fyE7Nb6FYoURo/SPe62QCaAyzJvUjwRaIsc+NePBEniHlvxFmmX56+HZphIGtV0XeCirBtpDrTyQ==",
+      "engines": {
+        "node": ">=0.6"
+      }
+    },
     "node_modules/swr": {
       "version": "0.5.7",
       "resolved": "https://registry.npmjs.org/swr/-/swr-0.5.7.tgz",
@@ -8776,8 +8889,7 @@
     "node_modules/tr46": {
       "version": "0.0.3",
       "resolved": "https://registry.npmjs.org/tr46/-/tr46-0.0.3.tgz",
-      "integrity": "sha1-gYT9NH2snNwYWZLzpmIuFLnZq2o=",
-      "peer": true
+      "integrity": "sha1-gYT9NH2snNwYWZLzpmIuFLnZq2o="
     },
     "node_modules/ts-node": {
       "version": "9.1.1",
@@ -9154,6 +9266,15 @@
       "resolved": "https://registry.npmjs.org/util-deprecate/-/util-deprecate-1.0.2.tgz",
       "integrity": "sha1-RQ1Nyfpw3nMnYvvS1KKJgUGaDM8="
     },
+    "node_modules/util-nonempty": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/util-nonempty/-/util-nonempty-3.1.0.tgz",
+      "integrity": "sha512-OSZlWoCL74Go83Qw/aeZgSmFZnp9d06bF77b1eAOKipkPWhvxjRYB2nmKiGspoVjkJJEJimzxAgBFUQiUV/oZQ==",
+      "dependencies": {
+        "@babel/runtime": "^7.14.0",
+        "lodash.isplainobject": "^4.0.6"
+      }
+    },
     "node_modules/uuid": {
       "version": "8.3.2",
       "resolved": "https://registry.npmjs.org/uuid/-/uuid-8.3.2.tgz",
@@ -9197,8 +9318,7 @@
     "node_modules/webidl-conversions": {
       "version": "3.0.1",
       "resolved": "https://registry.npmjs.org/webidl-conversions/-/webidl-conversions-3.0.1.tgz",
-      "integrity": "sha1-JFNCdeKnvGvnvIZhHMFq4KVlSHE=",
-      "peer": true
+      "integrity": "sha1-JFNCdeKnvGvnvIZhHMFq4KVlSHE="
     },
     "node_modules/webpack-bundle-analyzer": {
       "version": "4.3.0",
@@ -9253,11 +9373,15 @@
         "node": ">= 6"
       }
     },
+    "node_modules/whatwg-fetch": {
+      "version": "3.6.2",
+      "resolved": "https://registry.npmjs.org/whatwg-fetch/-/whatwg-fetch-3.6.2.tgz",
+      "integrity": "sha512-bJlen0FcuU/0EMLrdbJ7zOnW6ITZLrZMIarMUVmdKtsGvZna8vxKYaexICWPfZ8qwf9fzNq+UEIZrnSaApt6RA=="
+    },
     "node_modules/whatwg-url": {
       "version": "5.0.0",
       "resolved": "https://registry.npmjs.org/whatwg-url/-/whatwg-url-5.0.0.tgz",
       "integrity": "sha1-lmRU6HZUYuN2RNNib2dCzotwll0=",
-      "peer": true,
       "dependencies": {
         "tr46": "~0.0.3",
         "webidl-conversions": "^3.0.0"
@@ -9813,6 +9937,44 @@
         "node": ">=4.2.0"
       }
     },
+    "packages/swell": {
+      "name": "@vercel/commerce-swell",
+      "version": "0.0.1",
+      "license": "MIT",
+      "dependencies": {
+        "@vercel/commerce": "^0.0.1",
+        "@vercel/fetch": "^6.1.1",
+        "swell-js": "^4.0.0-next.0"
+      },
+      "devDependencies": {
+        "@types/node": "^15.12.4",
+        "@types/react": "^17.0.8",
+        "lint-staged": "^12.1.7",
+        "next": "^12.0.3",
+        "prettier": "^2.5.1",
+        "react": "^17.0.2",
+        "react-dom": "^17.0.2",
+        "typescript": "^4.6.0-dev.20220108"
+      },
+      "peerDependencies": {
+        "next": "^12",
+        "react": "^17",
+        "react-dom": "^17"
+      }
+    },
+    "packages/swell/node_modules/typescript": {
+      "version": "4.6.0-dev.20220114",
+      "resolved": "https://registry.npmjs.org/typescript/-/typescript-4.6.0-dev.20220114.tgz",
+      "integrity": "sha512-WcHfPkRCvsoV3BozLL1T8Eb7VPlsoA6yyRLFxoR1zVOyUdILHGL9GzXG5e2yzMCg4rQBTkTYZmkXTBZUwO5ONA==",
+      "dev": true,
+      "bin": {
+        "tsc": "bin/tsc",
+        "tsserver": "bin/tsserver"
+      },
+      "engines": {
+        "node": ">=4.2.0"
+      }
+    },
     "site": {
       "name": "next-commerce",
       "version": "0.0.1",
@@ -11120,7 +11282,7 @@
     "@vercel/commerce-spree": {
       "version": "file:packages/spree",
       "requires": {
-        "@spree/storefront-api-v2-sdk": "*",
+        "@spree/storefront-api-v2-sdk": "^5.1.1",
         "@types/node": "^15.12.4",
         "@types/react": "^17.0.8",
         "@vercel/commerce": "^0.0.1",
@@ -11157,6 +11319,30 @@
         }
       }
     },
+    "@vercel/commerce-swell": {
+      "version": "file:packages/swell",
+      "requires": {
+        "@types/node": "^15.12.4",
+        "@types/react": "^17.0.8",
+        "@vercel/commerce": "^0.0.1",
+        "@vercel/fetch": "^6.1.1",
+        "lint-staged": "^12.1.7",
+        "next": "^12.0.3",
+        "prettier": "^2.5.1",
+        "react": "^17.0.2",
+        "react-dom": "^17.0.2",
+        "swell-js": "^4.0.0-next.0",
+        "typescript": "^4.6.0-dev.20220108"
+      },
+      "dependencies": {
+        "typescript": {
+          "version": "4.6.0-dev.20220114",
+          "resolved": "https://registry.npmjs.org/typescript/-/typescript-4.6.0-dev.20220114.tgz",
+          "integrity": "sha512-WcHfPkRCvsoV3BozLL1T8Eb7VPlsoA6yyRLFxoR1zVOyUdILHGL9GzXG5e2yzMCg4rQBTkTYZmkXTBZUwO5ONA==",
+          "dev": true
+        }
+      }
+    },
     "@vercel/fetch": {
       "version": "6.1.1",
       "resolved": "https://registry.npmjs.org/@vercel/fetch/-/fetch-6.1.1.tgz",
@@ -11395,6 +11581,15 @@
         "is-string": "^1.0.7"
       }
     },
+    "array-includes-with-glob": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/array-includes-with-glob/-/array-includes-with-glob-3.1.0.tgz",
+      "integrity": "sha512-/PZEKASyXWmUTkNhuxnmqybv1CmIdY5rp3axLy3Dv6SYfaBb+EgS7Nl991mquHT1N2u0YAnE3IOafVNRM6Y9dw==",
+      "requires": {
+        "@babel/runtime": "^7.14.0",
+        "matcher": "^4.0.0"
+      }
+    },
     "array-union": {
       "version": "2.1.0",
       "resolved": "https://registry.npmjs.org/array-union/-/array-union-2.1.0.tgz",
@@ -12388,8 +12583,7 @@
     "escape-string-regexp": {
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-4.0.0.tgz",
-      "integrity": "sha512-TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA==",
-      "dev": true
+      "integrity": "sha512-TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA=="
     },
     "eslint": {
       "version": "8.6.0",
@@ -13444,6 +13638,15 @@
       "integrity": "sha1-6PvzdNxVb/iUehDcsFctYz8s+hA=",
       "dev": true
     },
+    "isomorphic-fetch": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/isomorphic-fetch/-/isomorphic-fetch-3.0.0.tgz",
+      "integrity": "sha512-qvUtwJ3j6qwsF3jLxkZ72qCgjMysPzDfeV240JHiGZsANBYd+EEuu35v7dfrJ9Up0Ak07D7GGSkGhCHTqg/5wA==",
+      "requires": {
+        "node-fetch": "^2.6.1",
+        "whatwg-fetch": "^3.4.1"
+      }
+    },
     "jest-worker": {
       "version": "27.0.0-next.5",
       "resolved": "https://registry.npmjs.org/jest-worker/-/jest-worker-27.0.0-next.5.tgz",
@@ -13755,6 +13958,16 @@
       "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.21.tgz",
       "integrity": "sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg=="
     },
+    "lodash.camelcase": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/lodash.camelcase/-/lodash.camelcase-4.3.0.tgz",
+      "integrity": "sha1-soqmKIorn8ZRA1x3EfZathkDMaY="
+    },
+    "lodash.clonedeep": {
+      "version": "4.5.0",
+      "resolved": "https://registry.npmjs.org/lodash.clonedeep/-/lodash.clonedeep-4.5.0.tgz",
+      "integrity": "sha1-4j8/nE+Pvd6HJSnBBxhXoIblzO8="
+    },
     "lodash.debounce": {
       "version": "4.0.8",
       "resolved": "https://registry.npmjs.org/lodash.debounce/-/lodash.debounce-4.0.8.tgz",
@@ -13770,6 +13983,11 @@
       "resolved": "https://registry.npmjs.org/lodash.isboolean/-/lodash.isboolean-3.0.3.tgz",
       "integrity": "sha1-bC4XHbKiV82WgC/UOwGyDV9YcPY="
     },
+    "lodash.isdate": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/lodash.isdate/-/lodash.isdate-4.0.1.tgz",
+      "integrity": "sha1-NaVDZzuddhEN5BFLMsxXcEin82Y="
+    },
     "lodash.isinteger": {
       "version": "4.0.4",
       "resolved": "https://registry.npmjs.org/lodash.isinteger/-/lodash.isinteger-4.0.4.tgz",
@@ -13806,6 +14024,11 @@
       "resolved": "https://registry.npmjs.org/lodash.random/-/lodash.random-3.2.0.tgz",
       "integrity": "sha1-luJOdjMzGZEw0sni/Vf5FwPMJi0="
     },
+    "lodash.snakecase": {
+      "version": "4.1.1",
+      "resolved": "https://registry.npmjs.org/lodash.snakecase/-/lodash.snakecase-4.1.1.tgz",
+      "integrity": "sha1-OdcUo1NXFHg3rv1ktdy7Fr7Nj40="
+    },
     "lodash.sortby": {
       "version": "4.7.0",
       "resolved": "https://registry.npmjs.org/lodash.sortby/-/lodash.sortby-4.7.0.tgz",
@@ -13821,6 +14044,11 @@
       "resolved": "https://registry.npmjs.org/lodash.topath/-/lodash.topath-4.5.2.tgz",
       "integrity": "sha1-NhY1Hzu6YZlKCTGYlmC9AyVP0Ak="
     },
+    "lodash.uniq": {
+      "version": "4.5.0",
+      "resolved": "https://registry.npmjs.org/lodash.uniq/-/lodash.uniq-4.5.0.tgz",
+      "integrity": "sha1-0CJTc662Uq3BvILklFM5qEJ1R3M="
+    },
     "log-update": {
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/log-update/-/log-update-4.0.0.tgz",
@@ -13918,6 +14146,14 @@
       "optional": true,
       "peer": true
     },
+    "matcher": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/matcher/-/matcher-4.0.0.tgz",
+      "integrity": "sha512-S6x5wmcDmsDRRU/c2dkccDwQPXoFczc5+HpQ2lON8pnvHlnvHAHj5WlLVvw6n6vNyHuVugYrFohYxbS+pvFpKQ==",
+      "requires": {
+        "escape-string-regexp": "^4.0.0"
+      }
+    },
     "md5.js": {
       "version": "1.3.5",
       "resolved": "https://registry.npmjs.org/md5.js/-/md5.js-1.3.5.tgz",
@@ -14297,7 +14533,6 @@
       "version": "2.6.6",
       "resolved": "https://registry.npmjs.org/node-fetch/-/node-fetch-2.6.6.tgz",
       "integrity": "sha512-Z8/6vRlTUChSdIgMa51jxQ4lrw/Jy5SOW10ObaA47/RElsAN2c5Pn8bTgFGWn/ibwzXTE8qwr1Yzx28vsecXEA==",
-      "peer": true,
       "requires": {
         "whatwg-url": "^5.0.0"
       }
@@ -14369,6 +14604,30 @@
       "resolved": "https://registry.npmjs.org/object-keys/-/object-keys-1.1.1.tgz",
       "integrity": "sha512-NuAESUOUMrlIXOfHKzD6bpPu3tYt3xvjNdRIQ+FeT0lNb4K8WR70CaDxhuNguS2XG+GjkyMwOzsN5ZktImfhLA=="
     },
+    "object-keys-normalizer": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/object-keys-normalizer/-/object-keys-normalizer-1.0.1.tgz",
+      "integrity": "sha1-2xeNu6Xkx7GLQIN8jvgzZe6TSOc=",
+      "requires": {
+        "lodash.camelcase": "^4.3.0",
+        "lodash.snakecase": "^4.1.1"
+      }
+    },
+    "object-merge-advanced": {
+      "version": "12.0.3",
+      "resolved": "https://registry.npmjs.org/object-merge-advanced/-/object-merge-advanced-12.0.3.tgz",
+      "integrity": "sha512-xQIf2Vup1rpKiHr2tQca5jyNYgT4O0kNxOfAp3ZNonm2hS+5yaJgI0Czdk/QMy52bcRwQKX3uc3H8XtAiiYfVA==",
+      "requires": {
+        "@babel/runtime": "^7.12.13",
+        "array-includes-with-glob": "^3.0.6",
+        "lodash.clonedeep": "^4.5.0",
+        "lodash.includes": "^4.3.0",
+        "lodash.isdate": "^4.0.1",
+        "lodash.isplainobject": "^4.0.6",
+        "lodash.uniq": "^4.5.0",
+        "util-nonempty": "^3.0.6"
+      }
+    },
     "object.assign": {
       "version": "4.1.2",
       "resolved": "https://registry.npmjs.org/object.assign/-/object.assign-4.1.2.tgz",
@@ -16591,6 +16850,35 @@
       "resolved": "https://registry.npmjs.org/supports-preserve-symlinks-flag/-/supports-preserve-symlinks-flag-1.0.0.tgz",
       "integrity": "sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w=="
     },
+    "swell-js": {
+      "version": "4.0.0-next.0",
+      "resolved": "https://registry.npmjs.org/swell-js/-/swell-js-4.0.0-next.0.tgz",
+      "integrity": "sha512-OQ1FLft3ruKpQw5P0TiCzs/X2Ma95+Qz+I2Xzs4KC6v+zVaFVUGNs80dQdtjfInisWoFC7iFZF2AITgellVGAg==",
+      "requires": {
+        "@babel/runtime": "7.4.5",
+        "deepmerge": "4.2.2",
+        "isomorphic-fetch": "3.0.0",
+        "lodash": "4.17.21",
+        "object-keys-normalizer": "1.0.1",
+        "object-merge-advanced": "12.0.3",
+        "qs": "6.7.0"
+      },
+      "dependencies": {
+        "@babel/runtime": {
+          "version": "7.4.5",
+          "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.4.5.tgz",
+          "integrity": "sha512-TuI4qpWZP6lGOGIuGWtp9sPluqYICmbk8T/1vpSysqJxRPkudh/ofFWyqdcMsDf2s7KvDL4/YHgKyvcS3g9CJQ==",
+          "requires": {
+            "regenerator-runtime": "^0.13.2"
+          }
+        },
+        "qs": {
+          "version": "6.7.0",
+          "resolved": "https://registry.npmjs.org/qs/-/qs-6.7.0.tgz",
+          "integrity": "sha512-VCdBRNFTX1fyE7Nb6FYoURo/SPe62QCaAyzJvUjwRaIsc+NePBEniHlvxFmmX56+HZphIGtV0XeCirBtpDrTyQ=="
+        }
+      }
+    },
     "swr": {
       "version": "0.5.7",
       "resolved": "https://registry.npmjs.org/swr/-/swr-0.5.7.tgz",
@@ -16722,8 +17010,7 @@
     "tr46": {
       "version": "0.0.3",
       "resolved": "https://registry.npmjs.org/tr46/-/tr46-0.0.3.tgz",
-      "integrity": "sha1-gYT9NH2snNwYWZLzpmIuFLnZq2o=",
-      "peer": true
+      "integrity": "sha1-gYT9NH2snNwYWZLzpmIuFLnZq2o="
     },
     "ts-node": {
       "version": "9.1.1",
@@ -16979,6 +17266,15 @@
       "resolved": "https://registry.npmjs.org/util-deprecate/-/util-deprecate-1.0.2.tgz",
       "integrity": "sha1-RQ1Nyfpw3nMnYvvS1KKJgUGaDM8="
     },
+    "util-nonempty": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/util-nonempty/-/util-nonempty-3.1.0.tgz",
+      "integrity": "sha512-OSZlWoCL74Go83Qw/aeZgSmFZnp9d06bF77b1eAOKipkPWhvxjRYB2nmKiGspoVjkJJEJimzxAgBFUQiUV/oZQ==",
+      "requires": {
+        "@babel/runtime": "^7.14.0",
+        "lodash.isplainobject": "^4.0.6"
+      }
+    },
     "uuid": {
       "version": "8.3.2",
       "resolved": "https://registry.npmjs.org/uuid/-/uuid-8.3.2.tgz",
@@ -17016,8 +17312,7 @@
     "webidl-conversions": {
       "version": "3.0.1",
       "resolved": "https://registry.npmjs.org/webidl-conversions/-/webidl-conversions-3.0.1.tgz",
-      "integrity": "sha1-JFNCdeKnvGvnvIZhHMFq4KVlSHE=",
-      "peer": true
+      "integrity": "sha1-JFNCdeKnvGvnvIZhHMFq4KVlSHE="
     },
     "webpack-bundle-analyzer": {
       "version": "4.3.0",
@@ -17056,11 +17351,15 @@
         }
       }
     },
+    "whatwg-fetch": {
+      "version": "3.6.2",
+      "resolved": "https://registry.npmjs.org/whatwg-fetch/-/whatwg-fetch-3.6.2.tgz",
+      "integrity": "sha512-bJlen0FcuU/0EMLrdbJ7zOnW6ITZLrZMIarMUVmdKtsGvZna8vxKYaexICWPfZ8qwf9fzNq+UEIZrnSaApt6RA=="
+    },
     "whatwg-url": {
       "version": "5.0.0",
       "resolved": "https://registry.npmjs.org/whatwg-url/-/whatwg-url-5.0.0.tgz",
       "integrity": "sha1-lmRU6HZUYuN2RNNib2dCzotwll0=",
-      "peer": true,
       "requires": {
         "tr46": "~0.0.3",
         "webidl-conversions": "^3.0.0"
diff --git a/packages/swell/package.json b/packages/swell/package.json
new file mode 100644
index 000000000..3a1a84cc8
--- /dev/null
+++ b/packages/swell/package.json
@@ -0,0 +1,74 @@
+{
+  "name": "@vercel/commerce-swell",
+  "version": "0.0.1",
+  "license": "MIT",
+  "scripts": {
+    "build": "rm -fr dist/* && tsc",
+    "dev": "npm run build -- --watch",
+    "prettier-fix": "prettier --write ."
+  },
+  "sideEffects": false,
+  "type": "module",
+  "exports": {
+    ".": "./dist/index.js",
+    "./*": [
+      "./dist/*.js",
+      "./dist/*/index.js"
+    ],
+    "./next.config": "./dist/next.config.cjs"
+  },
+  "typesVersions": {
+    "*": {
+      "*": [
+        "dist/*",
+        "dist/*/index"
+      ],
+      "next.config": [
+        "dist/next.config.d.cts"
+      ]
+    }
+  },
+  "files": [
+    "dist",
+    "schema.d.ts"
+  ],
+  "publishConfig": {
+    "typesVersions": {
+      "*": {
+        "*": [
+          "src/*.d.ts",
+          "src/*/index.d.ts"
+        ],
+        "next.config": [
+          "dist/next.config.d.cts"
+        ]
+      }
+    }
+  },
+  "dependencies": {
+    "@vercel/commerce": "^0.0.1",
+    "@vercel/fetch": "^6.1.1",
+    "swell-js": "^4.0.0-next.0"
+  },
+  "peerDependencies": {
+    "next": "^12",
+    "react": "^17",
+    "react-dom": "^17"
+  },
+  "devDependencies": {
+    "@types/node": "^15.12.4",
+    "@types/react": "^17.0.8",
+    "lint-staged": "^12.1.7",
+    "next": "^12.0.3",
+    "prettier": "^2.5.1",
+    "react": "^17.0.2",
+    "react-dom": "^17.0.2",
+    "typescript": "^4.6.0-dev.20220108"
+  },
+  "lint-staged": {
+    "**/*.{js,jsx,ts,tsx,json}": [
+      "prettier --write",
+      "git add"
+    ]
+  }
+}
diff --git a/site/swell-js.d.ts b/packages/swell/src/swell-js.d.ts
similarity index 100%
rename from site/swell-js.d.ts
rename to packages/swell/src/swell-js.d.ts
diff --git a/packages/swell/src/types.ts b/packages/swell/src/types.ts
index bf5de0d0c..b02bbd8ca 100644
--- a/packages/swell/src/types.ts
+++ b/packages/swell/src/types.ts
@@ -1,6 +1,6 @@
 import * as Core from '@vercel/commerce/types/cart'
 import { Customer } from '@vercel/commerce/types'
-import { CheckoutLineItem } from './schema'
+import { CheckoutLineItem } from '../schema'
 
 export type SwellImage = {
   file: {
diff --git a/packages/swell/tsconfig.json b/packages/swell/tsconfig.json
new file mode 100644
index 000000000..81ac7f650
--- /dev/null
+++ b/packages/swell/tsconfig.json
@@ -0,0 +1,22 @@
+{
+  "compilerOptions": {
+    "target": "esnext",
+    "module": "esnext",
+    "outDir": "dist",
+    "baseUrl": "src",
+    "lib": ["dom", "dom.iterable", "esnext"],
+    "declaration": true,
+    "allowJs": true,
+    "skipLibCheck": true,
+    "strict": true,
+    "forceConsistentCasingInFileNames": true,
+    "esModuleInterop": true,
+    "moduleResolution": "node",
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "pretty": true,
+    "jsx": "react-jsx"
+  },
+  "include": ["src"],
+  "exclude": ["node_modules", "dist"]
+}