文件名称：nextjs-starter
文件大小：303KB
文件格式：ZIP
更新时间：2024-03-24 00:47:12
JavaScript
使用Plasmic，Next.js和Markdown静态生成的博客示例 本示例展示了如何使用Marks文件作为数据源，将Plasmic与Next.js的功能结合使用。 博客文章以Markdown文件的形式存储在/_posts ，并具有前端事务支持。 在其中添加新的Markdown文件将创建一个新的博客文章。 要创建博客文章，我们使用和将Markdown文件转换为HTML字符串，然后将其作为道具发送到页面。 每个帖子的元数据均由处理，并以道具形式发送到页面。 演示版 :rocket: 快速开始 创建一个Next.js网站。 使用或执行以引导示例： yarn create next-app --example https://github.com/plasmicapp/nextjs-starter my-app # or npx create-next-app --example https://
【文件预览】：
nextjs-starter-master
----.gitignore(408B)
----components()
--------section-separator.js(103B)
--------header.js(296B)
--------meta.js(1KB)
--------post-title.js(236B)
--------container.js(118B)
--------hero-post.js(1KB)
--------post-header.js(889B)
--------post-preview.js(908B)
--------alert.js(1KB)
--------more-stories.js(697B)
--------date-formatter.js(214B)
--------intro.js(671B)
--------cover-image.js(662B)
--------avatar.js(253B)
--------markdown-styles.module.css(251B)
--------layout.js(359B)
--------post-body.js(296B)
--------footer.js(1KB)
----package.json(673B)
----postcss.config.js(71B)
----next.config.js(300B)
----public()
--------assets()
--------favicon()
----README.md(4KB)
----lib()
--------markdownToHtml.js(206B)
--------api.js(1KB)
--------constants.js(316B)
----netlify.toml(138B)
----styles()
--------index.css(276B)
----pages()
--------posts()
--------index.js(1KB)
--------_document.js(290B)
--------_app.js(128B)
----tailwind.config.js(683B)
----_posts()
--------hello-world.md(2KB)
--------dynamic-routing.md(2KB)
--------preview.md(2KB)