我决定开放最新的投资组合网站!它具有动态的内容管理,可以使用Content fulst的CMS添加项目和帖子,并使用Next.js和Chakra UI构建。
请参阅Next.js和Chakra UI文档以了解更多信息。
请随意订购这个存储库来制作自己的投资组合,如果您喜欢仓库,请通过给明星来支持它!
创建.env.local并根据.env.example遵循变量名称,并根据以下步骤获取API键
1。创建一个内容帐户
2。添加一个社区空间(免费!)
3。选择“我创建内容”
4。转到内容模型并开始添加内容类型
?在此投资组合网站中,它具有5种内容类型,它是:
1。博客文章
⚡2.0.0更新后,我将GitHub问题用作博客内容!
有关此信息的更多详细信息:https://abdulrahman.id/blog/unleash-your-dev-blog-write-more-with-github-issues-sissues-ass-your-cms
- 特色专门
- 项目
- 介绍
- Contactme
您必须添加此确切的名称,因为它是代码中使用的ID。
根据这些字段添加内容类型: 

转到设置 - > API键 - >内容交付 /预览令牌 - >“您的空间名称”复制空格ID和内容交付API访问api访问令牌
根据.env.example将其放入环境变量中,然后将其设置为!
1。创建一个火箱项目
2。设置内容后,您将获得API键,保存这些键。
3。转到Firestore数据库
4。添加一个名为views的集合
5。然后,根据.env.example将那些API键放在之前!
1。创建一个Google Analytics(分析)帐户,在属性设置部分中,不要忘记打开通用分析
2。之后,您将看到一个以UA-开头的代码
3.复制这些代码,并根据env.example和完成!
使用npm i或yarn安装依赖项
通过npm run dev或yarn dev启动项目
您可以使用Vercel轻松部署吗?
pages/index.js =主页pages/projects/index.js =项目存档页面pages/blog/index.js =博客列表页面pages/blog/[slug].js =博客文章页面pages/api/views = api从firebase获取博客文章视图