diff --git a/.env.example b/.env.example index 088014635..d97ac1819 100644 --- a/.env.example +++ b/.env.example @@ -1,5 +1,4 @@ -TWITTER_CREATOR="@vercel" -TWITTER_SITE="https://nextjs.org/commerce" -SITE_NAME="Next.js Commerce" -SHOPIFY_STOREFRONT_ACCESS_TOKEN= -SHOPIFY_STORE_DOMAIN= +TWITTER_CREATOR="@medusajs" +TWITTER_SITE="https://medusajs.com/" +SITE_NAME="Next.js Commerce x Medusa" +MEDUSA_BACKEND_API="http://localhost:9000/store" diff --git a/README.md b/README.md index 722ecc50f..a6abf2a69 100644 --- a/README.md +++ b/README.md @@ -28,7 +28,7 @@ Learn more about [Medusa’s architecture](https://docs.medusajs.com/development You will need to use the environment variables [defined in `.env.example`](.env.example) to run Next.js Commerce. It's recommended you use [Vercel Environment Variables](https://vercel.com/docs/concepts/projects/environment-variables) for this, but a `.env` file is all that is necessary. -> Note: You should not commit your `.env` file or it will expose secrets that will allow others to control your Shopify store. +> Note: You should not commit your `.env` file or it will expose secrets. 1. Install Vercel CLI: `npm i -g vercel` 2. Link local instance with Vercel and GitHub accounts (creates `.vercel` directory): `vercel link` diff --git a/app/page.tsx b/app/page.tsx index a928be52e..7b400c45a 100644 --- a/app/page.tsx +++ b/app/page.tsx @@ -6,7 +6,7 @@ import { Suspense } from 'react'; export const runtime = 'edge'; export const metadata = { - description: 'High-performance ecommerce store built with Next.js, Vercel, and Shopify.', + description: 'High-performance ecommerce store built with Next.js, Vercel, and Medusa.', openGraph: { images: [ { diff --git a/lib/constants.tsx b/lib/constants.tsx index 9038127e3..49e059002 100644 --- a/lib/constants.tsx +++ b/lib/constants.tsx @@ -22,4 +22,3 @@ export const sorting: SortFilterItem[] = [ export const HIDDEN_PRODUCT_TAG = 'nextjs-frontend-hidden'; export const DEFAULT_OPTION = 'Default Title'; -export const SHOPIFY_GRAPHQL_API_ENDPOINT = '/api/2023-01/graphql.json'; diff --git a/lib/medusa/index.ts b/lib/medusa/index.ts index 11407b50a..a8ed3bfe1 100644 --- a/lib/medusa/index.ts +++ b/lib/medusa/index.ts @@ -18,8 +18,7 @@ import { SelectedOption } from './types'; -// const endpoint = `${process.env.MEDUSA_BACKEND_API!}`; -const endpoint = `http://localhost:9000/store`; +const ENDPOINT = process.env.MEDUSA_BACKEND_API; export default async function medusaRequest( method: string, @@ -38,7 +37,7 @@ export default async function medusaRequest( } try { - const result = await fetch(`${endpoint}/${path}`, options); + const result = await fetch(`${ENDPOINT}${path}`, options); const body = await result.json(); @@ -144,9 +143,9 @@ const reshapeLineItem = (lineItem: MedusaLineItem): CartItem => { totalAmount: { amount: convertToDecimal( lineItem.total, - lineItem.variant.prices?.[0]?.currency_code + lineItem.variant?.prices?.[0]?.currency_code ).toString(), - currencyCode: 'EUR' + currencyCode: lineItem.variant?.prices?.[0]?.currency_code || 'EUR' } }; const quantity = lineItem.quantity; diff --git a/next.config.js b/next.config.js index 3c0769dd7..6716de80b 100644 --- a/next.config.js +++ b/next.config.js @@ -10,11 +10,6 @@ module.exports = { images: { formats: ['image/avif', 'image/webp'], remotePatterns: [ - { - protocol: 'https', - hostname: 'cdn.shopify.com', - pathname: '/s/files/**' - }, { protocol: 'https', hostname: 'medusa-public-images.s3.eu-west-1.amazonaws.com',