公用结构

前端项目公用结构，基于next.js+tailwind.css+react-query(请求数据)

• 目录
  • src
    • components(包含了所有模板相关的UI组件,都是文件夹)
      • 404
      • auth
      • cart
      • checkout
      • layout
      • …
    • container(包含了所有常见部分相关组件，都是tsx)
    • contexts(包含了模板所需的所有上下文（context）,比如购物车、UI等)
    • framework(包含所有与数据获取相关的代码)
    • pages(创建了所有被Next.js路由机制使用的页面)
    • settings(设置网站的基本设置，如隐私页面、条款页面、可翻译文本等)
    • styles(覆盖一些第三方包的CSS文件以及我们在tailwind.css文件中定义的CSS)
    • utils(包含了hooks、路由、动画效果等)
  • public
    • api(假数据)
      • xxx.json
    • assest(图片资源文件)
      • images
      • placeholder
    • icon
    • locales(语言包)
  • 配置
    • postcss.config.js
    • tailwind.config.js
    • next-i18next.config.js