如何使用 MobX、TypeScript、Next.js 和 Tailwind CSS 开发一个 Shopify 商品列表

项目结构

首先，我们需要创建一个新的 Next.js 项目，并安装所需的依赖项。

npx create-next-app@latest my-shopify-store --typescript
cd my-shopify-store
npm install mobx mobx-react-lite tailwindcss postcss autoprefixer
npx tailwindcss init -p

配置 Tailwind CSS

在 tailwind.config.js 中添加以下内容：

module.exports = {
   
  content: