文件名称:personal-website:使用Payload CMS和NextJS的个人网站
文件大小:617KB
文件格式:ZIP
更新时间:2024-04-28 05:01:52
TypeScript
有效载荷+ NextJS服务器渲染的TypeScript样板 此仓库包含一个样板,可让您继续进行有效负载安装和NextJS前端。 当您使用有效载荷,你把它插入到您的Express服务器。 这是有效负载与其他CMS /应用程序框架之间的根本区别。 这意味着在使用Payload时,您是在将Payload添加到您的应用中,而不是在构建“ Payload应用”。 这种模式的优势之一是,它可以让您执行强大的功能,例如将Payload CMS直接与自定义的NextJS服务器结合。 通过这种模式,您可以将Payload CMS以及一个完全动态的,与CMS集成的NextJS网站托管在一个主机上,同时仍然可以获得无头CMS的所有好处。 该样板演示了以下内容: 如何构建TypeScript有效载荷+ NextJS项目 如何通过媒体收藏使用有效载荷的上传 如何通过Payload的本地API将初始数据播种
【文件预览】:
personal-website-master
----declarations()
--------css.d.ts(94B)
----.gitignore(47B)
----collections()
--------Page.ts(2KB)
--------Media.ts(799B)
----.env.example(287B)
----components()
--------RenderBlocks()
--------NotFound()
--------RichText()
--------Head()
----package.json(1KB)
----seed()
--------payload.jpg(252KB)
--------index.js(951B)
--------sample.json(772B)
--------home.json(3KB)
----server()
--------index.ts(1KB)
----next.config.js(136B)
----public()
--------images()
--------.DS_Store(6KB)
--------favicon.svg(437B)
----.DS_Store(6KB)
----tsconfig.json(533B)
----css()
--------style.css(721B)
--------page.module.css(360B)
----.eslintrc.js(986B)
----blocks()
--------Image()
--------CallToAction()
--------Content()
--------index.ts(305B)
----next-env.d.ts(75B)
----utilities()
--------formatSlug.ts(535B)
----readme.md(4KB)
----payload.config.ts(302B)
----dev.js(234B)
----pages()
--------_error.tsx(519B)
--------404.tsx(150B)
--------[...slug].tsx(2KB)
--------index.tsx(296B)
--------_app.tsx(231B)
----.editorconfig(249B)
----yarn.lock(576KB)
----tsconfig.server.json(165B)