diff --git a/README.md b/README.md index 6bd5057ec..1e77db495 100644 --- a/README.md +++ b/README.md @@ -1,15 +1,16 @@ +[![Deploy with Vercel](https://vercel.com/button)](https://vercel.com/new/git/external?repository-url=https%3A%2F%2Fgithub.com%2Fvercel%2Fcommerce&project-name=commerce&repo-name=commerce&demo-title=Next.js%20Commerce&demo-description=An%20all-in-one%20starter%20kit%20for%20high-performance%20e-commerce%20sites.&demo-url=https%3A%2F%2Fdemo.vercel.store&demo-image=https%3A%2F%2Fbigcommerce-demo-asset-ksvtgfvnd.vercel.app%2Fbigcommerce.png&integration-ids=oac_MuWZiE4jtmQ2ejZQaQ7ncuDT) + # Next.js Commerce + The all-in-one starter kit for high-performance e-commerce sites. With a few clicks, Next.js developers can clone, deploy and fully own their own store. Start right now at nextjs.org/commerce Demo live at: [commerce-demo.vercel.app](https://commerce-demo.vercel.app/) -This project is currently under development. - -## Why -Ecommerce is one of the most important uses of the web and together we can raise the standard for ecommerce sites. +This project is currently under development. ## Goals and Features + - Performant by default - SEO Ready - Internationalization @@ -18,15 +19,19 @@ Ecommerce is one of the most important uses of the web and together we can raise - Theming - Standarized Data Hooks - Integrations - Integrate seamlessly with the most common ecommerce platforms. +- Dark Mode Support + +## Work in progress +We're using Github Projects to keep track of issues in progress and todo's. Here is our [Board](https://github.com/vercel/commerce/projects/1) ## Contribute -Our Commitment to Open Source can be found [here](https://vercel.com/oss). + +Our commitment to Open Source can be found [here](https://vercel.com/oss). 1. [Fork](https://help.github.com/articles/fork-a-repo/) this repository to your own GitHub account and then [clone](https://help.github.com/articles/cloning-a-repository/) it to your local device. 2. Create a new branch `git checkout -b MY_BRANCH_NAME` 3. Install yarn: `npm install -g yarn` 4. Install the dependencies: `yarn` 5. Run `yarn dev` to build and watch for code changes -7. The development branch is `development` (this is the branch pull requests should be made against). -On a release, the relevant parts of the changes in the `staging` branch are rebased into `master`. - +6. The development branch is `development` (this is the branch pull requests should be made against). + On a release, the relevant parts of the changes in the `staging` branch are rebased into `master`. diff --git a/components/core/Navbar/Navbar.tsx b/components/core/Navbar/Navbar.tsx index 25dca71cd..733bf162e 100644 --- a/components/core/Navbar/Navbar.tsx +++ b/components/core/Navbar/Navbar.tsx @@ -23,10 +23,10 @@ const Navbar: FC = ({ className }) => { All - + Clothes - + Accessories diff --git a/components/product/ProductCard/ProductCard.tsx b/components/product/ProductCard/ProductCard.tsx index ebaf3f02d..f047136b4 100644 --- a/components/product/ProductCard/ProductCard.tsx +++ b/components/product/ProductCard/ProductCard.tsx @@ -49,7 +49,7 @@ const ProductCard: FC = ({ width={imgWidth} height={imgHeight} priority={priority} - quality="90" + quality="85" /> ) : ( @@ -76,7 +76,7 @@ const ProductCard: FC = ({ width={imgWidth} height={imgHeight} priority={priority} - quality="90" + quality="85" /> diff --git a/components/product/ProductView/ProductView.tsx b/components/product/ProductView/ProductView.tsx index 34d111c2f..57df704c7 100644 --- a/components/product/ProductView/ProductView.tsx +++ b/components/product/ProductView/ProductView.tsx @@ -91,7 +91,7 @@ const ProductView: FC = ({ product }) => { width={1050} height={1050} priority={i === 0} - quality="90" + quality="85" /> ))} diff --git a/components/wishlist/WishlistCard/WishlistCard.module.css b/components/wishlist/WishlistCard/WishlistCard.module.css index ca0e8cc6c..879184dac 100644 --- a/components/wishlist/WishlistCard/WishlistCard.module.css +++ b/components/wishlist/WishlistCard/WishlistCard.module.css @@ -1,5 +1,5 @@ .root { - @apply grid grid-cols-12 w-full gap-6 px-3 py-6 border-b border-accents-2; + @apply grid grid-cols-12 w-full gap-6 px-3 py-6 border-b border-accents-2 transition duration-100 ease-in-out; &:nth-child(3n + 1) { & .productBg { diff --git a/package.json b/package.json index 2175ea322..00f545854 100644 --- a/package.json +++ b/package.json @@ -25,7 +25,7 @@ "keen-slider": "^5.2.4", "lodash.debounce": "^4.0.8", "lodash.random": "^3.2.0", - "next": "^9.5.6-canary.14", + "next": "^9.5.6-canary.17", "next-seo": "^4.11.0", "next-themes": "^0.0.4", "postcss-import": "^13.0.0", diff --git a/pages/wishlist.tsx b/pages/wishlist.tsx index f89d2e47f..a5c9ad59f 100644 --- a/pages/wishlist.tsx +++ b/pages/wishlist.tsx @@ -6,6 +6,7 @@ import { Layout } from '@components/core' import { Heart } from '@components/icons' import { Container, Text } from '@components/ui' import { WishlistCard } from '@components/wishlist' +import { Transition } from '@headlessui/react' export async function getStaticProps({ preview, @@ -27,22 +28,45 @@ export default function Wishlist() { My Wishlist
{isEmpty ? ( -
- - - -

- Your wishlist is empty -

-

- Biscuit oat cake wafer icing ice cream tiramisu pudding cupcake. -

-
+ + +
+ + + +

+ Your wishlist is empty +

+

+ Biscuit oat cake wafer icing ice cream tiramisu pudding + cupcake. +

+
+ + ) : ( - data && - data.items?.map((item) => ( - - )) + + {data && + data.items?.map((item) => ( + + + + ))} + )}
diff --git a/yarn.lock b/yarn.lock index efed2dc3c..44ed116c5 100644 --- a/yarn.lock +++ b/yarn.lock @@ -1132,20 +1132,20 @@ dependencies: webpack-bundle-analyzer "3.6.1" -"@next/env@9.5.6-canary.14": - version "9.5.6-canary.14" - resolved "https://registry.yarnpkg.com/@next/env/-/env-9.5.6-canary.14.tgz#6dd9ae250531b9649e6f55d340277f7f429b05bd" - integrity sha512-evDDFWN93/vTNlxJhFHvc5Nwp7uf3UtQZGa+D+31LFlGIVZtTP8G6l5U8HDUVkFeL/CD5cDefm6OotQp1W1PvA== +"@next/env@9.5.6-canary.17": + version "9.5.6-canary.17" + resolved "https://registry.yarnpkg.com/@next/env/-/env-9.5.6-canary.17.tgz#d0289faee8ff5635973661580e3b2848add94534" + integrity sha512-O8noGIlyNHfhT/6oHePxfYAa3hNf4arRJ66RsSkodg4bAI4+tY5glOE8YZ+wn4q84Of6QVVh7R3tJzL8oK714w== -"@next/polyfill-module@9.5.6-canary.14": - version "9.5.6-canary.14" - resolved "https://registry.yarnpkg.com/@next/polyfill-module/-/polyfill-module-9.5.6-canary.14.tgz#de851cd2780095156309db45d9e27a85db377621" - integrity sha512-OVOPKfxsi56RPHyXKv/Wrqq2uYbYbwh9kMBskqfNCI05lAoiBaXetABa8JcO2xUO+WM6MPUSmxlyWuN5LLJqXA== +"@next/polyfill-module@9.5.6-canary.17": + version "9.5.6-canary.17" + resolved "https://registry.yarnpkg.com/@next/polyfill-module/-/polyfill-module-9.5.6-canary.17.tgz#c7c26939804b24d80151cc2af775e65ee97e3465" + integrity sha512-zS5jmDwCiUpelp5BAc1e6vKSkKQkFHj53IhP+khkmDab48uv99iK32/qjNGurqyaHTbLjSXsPIGFmdKQ0hyE+A== -"@next/react-dev-overlay@9.5.6-canary.14": - version "9.5.6-canary.14" - resolved "https://registry.yarnpkg.com/@next/react-dev-overlay/-/react-dev-overlay-9.5.6-canary.14.tgz#993fb9ad23b186aa098348a8c156b4f7ba1dda24" - integrity sha512-hPpNDFWBTDQwa1nRMltxpSD0uewkP0jP6CCfGqyVSZugl7N+6VYgdTvM4s/ZZTaL+OKbd2rUdI/U6V7IQVn+4Q== +"@next/react-dev-overlay@9.5.6-canary.17": + version "9.5.6-canary.17" + resolved "https://registry.yarnpkg.com/@next/react-dev-overlay/-/react-dev-overlay-9.5.6-canary.17.tgz#0ad416c4d323fa013ee494f3fa3ac7e83bbc0c6b" + integrity sha512-0fBLm2UNHpJKUhqecs95KxVWVQWvf0Xz9vs8G1J8hO8WMUkAEiuvOt6w9BG94a6/xL3tPzBF1B3t4q/k0YT7Dg== dependencies: "@babel/code-frame" "7.10.4" ally.js "1.4.1" @@ -1158,10 +1158,10 @@ stacktrace-parser "0.1.10" strip-ansi "6.0.0" -"@next/react-refresh-utils@9.5.6-canary.14": - version "9.5.6-canary.14" - resolved "https://registry.yarnpkg.com/@next/react-refresh-utils/-/react-refresh-utils-9.5.6-canary.14.tgz#738a20723b6895299132694cfa7bf629fdaeb1fe" - integrity sha512-uZawKMFl0hxzFF2lPGqo80zVj2XQRrlGN+o37XFQt+W0pR8GgLHNk8xikrPNz7dOwW1s7DNSAwujKmDiutc0og== +"@next/react-refresh-utils@9.5.6-canary.17": + version "9.5.6-canary.17" + resolved "https://registry.yarnpkg.com/@next/react-refresh-utils/-/react-refresh-utils-9.5.6-canary.17.tgz#fb7ee8b51490187de72b27e0de5f9bd83ab2f310" + integrity sha512-Q2IU1MC8B9329WQQ1vZ/B3i7AcjBMQGcTCGf/QHRzzaqPa0zL90cCAksBCAxx5zbMv3BIJNrY+1VI+KYj5Po9A== "@npmcli/move-file@^1.0.1": version "1.0.1" @@ -4305,10 +4305,10 @@ next-tick@~1.0.0: resolved "https://registry.yarnpkg.com/next-tick/-/next-tick-1.0.0.tgz#ca86d1fe8828169b0120208e3dc8424b9db8342c" integrity sha1-yobR/ogoFpsBICCOPchCS524NCw= -next@^9.5.6-canary.14: - version "9.5.6-canary.14" - resolved "https://registry.yarnpkg.com/next/-/next-9.5.6-canary.14.tgz#13f0496199589ed40880f6c4ef97f14bfdbd8996" - integrity sha512-uUcWxznWWMjNBA9fqJ82avTuVe7Rud0/129oRZRsQX+VH5qqhxeBbupEfzP65AihyLD+X5olGZQ2SsmqWqubJQ== +next@^9.5.6-canary.17: + version "9.5.6-canary.17" + resolved "https://registry.yarnpkg.com/next/-/next-9.5.6-canary.17.tgz#4ded8274457c05ac5028643fe9dfaf9f2808e300" + integrity sha512-ocUNL44RA/0vD43uR91JBtfBvHwDlclqPkno+9un01XUw41ZJFn6aSd6VqiLFOZ5eCWk6lK5WbcfJiOH/aV1Rg== dependencies: "@ampproject/toolbox-optimizer" "2.7.0-alpha.1" "@babel/code-frame" "7.10.4" @@ -4329,10 +4329,10 @@ next@^9.5.6-canary.14: "@babel/runtime" "7.11.2" "@babel/types" "7.11.5" "@hapi/accept" "5.0.1" - "@next/env" "9.5.6-canary.14" - "@next/polyfill-module" "9.5.6-canary.14" - "@next/react-dev-overlay" "9.5.6-canary.14" - "@next/react-refresh-utils" "9.5.6-canary.14" + "@next/env" "9.5.6-canary.17" + "@next/polyfill-module" "9.5.6-canary.17" + "@next/react-dev-overlay" "9.5.6-canary.17" + "@next/react-refresh-utils" "9.5.6-canary.17" ast-types "0.13.2" babel-plugin-transform-define "2.0.0" babel-plugin-transform-react-remove-prop-types "0.4.24"