文件名称:atelieDaAdri:使用React,NextJS和NetllifyCMS创建的目录站点
文件大小:106KB
文件格式:ZIP
更新时间:2024-03-17 20:12:04
react sass nextjs ssg netlifycms
Ateliêda Adri 使用React,NextJS和NetllifyCMS创建的目录站点。 动机 客户要求提供一种简单且廉价的解决方案,以在社交媒体上展示她的作品。 客户不需要电子商务站点,并且由于这是一家小型本地企业,她要求将维护该应用程序的成本降至最低。 我的解决方案是删除应用程序的后端,这样我们就不需要雇用VPS或云服务。 我想了解SSG的工作原理,因此我使用nextJS创建了网站的静态页面。 它的动态路由分页非常适合我的需要,每个产品都需要一个页面,而没有标准的后端路由和数据库。 客户端将使用NetlifyCMS自己添加产品,每次添加新产品时,NetlifyCMS都会在此github项目页面的markdown文件中创建它。 由于客户端写入的数据没有任何明智的信息,因此可以在我的回购的md文件中将其公开。 我还通过SASS创建了响应灵敏且适合移动设备的独特主题,以适应她的业务
【文件预览】:
atelieDaAdri-master
----.gitignore(50B)
----components()
--------ProductGrid.js(1KB)
--------Search.js(428B)
--------SingleProduct.js(4KB)
--------Navbar.js(1024B)
--------Home.js(3KB)
--------Product.js(880B)
--------Info.js(2KB)
--------Footer.js(219B)
--------FilterForm.js(1KB)
----package.json(521B)
----package-lock.json(344KB)
----next.config.js(213B)
----public()
--------admin()
--------css()
--------favicon.ico(949B)
----README.md(3KB)
----pages()
--------catalogo.js(954B)
--------index.js(795B)
--------encomendas.js(281B)
--------_app.js(204B)
--------produtos()
----content()
--------products.md(18KB)