首页 网站 正文
  • 本文约1083字,阅读需5分钟
  • 154
  • 0

onur.dev:免费开源、简洁美观的个人博客网站程序

温馨提示:本文最后更新于2024年4月24日 10:07,若内容或图片失效,请在下方留言或联系博主。
摘要

onur.dev是一个基于Next.js和Tailwind CSS等技术构建的个人网站程序,它提供了简约美观的界面和流畅的用户体验。通过集成Contentful、Raindrop、Supabase和Vercel等服务,它实现了内容管理、书签管理和数据库存储等功能。

onur.dev是一个使用Next.js、Tailwind CSS、shadcn/ui、Contentful、Raindrop和Supabase构建的个人网站程序。它提供了简洁美观的界面和流畅的用户体验。

一、功能特征

  • 静态个人主页:包括主页、关于页面、写作页面、旅程页面、工作空间页面和书签页面等。

  • 内容管理:使用Contentful来管理媒体文件和静态页面的内容。

  • 书签管理:使用Raindrop来管理书签页面的内容。

  • 数据库:使用Supabase作为数据库服务。

  • 前端框架:使用Next.js来构建前端应用程序。

  • 样式库:使用Tailwind CSS和shadcn/ui来实现样式和组件的设计。

二、操作指南

如果想在本地运行该程序,可以按照以下步骤操作:

$ git clone https://github.com/suyalcinkaya/onur.dev.git
$ cd onur.dev
$ bun i
$ bun dev

创建一个 .env 类似于.env.example,并填入相应的配置信息。

程序将在本地运行,并可以通过访问 http://localhost:3000 来访问

三、支持平台

该程序支持各种部署平台,包括Vercel。

四、产品定价

开发者使用的服务(Contentful、Raindrop、Supabase、Vercel)都提供免费套餐,因此作为个人博客来使用是足够的。如果需要更高级的功能和额外的资源,这些服务还提供付费方案以满足不同需求。

五、使用场景

onur.dev适用于个人博客、个人网站和个人品牌展示等场景。它提供了一个简单而美观的界面,可以展示个人的写作、旅程、工作空间和书签等内容。

六、运作模式

onur.dev的运作模式如下:

  1. 使用Contentful管理媒体文件和静态页面的内容。
  2. 使用Raindrop管理书签页面的内容。
  3. 使用Supabase作为数据库服务。
  4. 使用Next.js构建前端应用程序。
  5. 使用Tailwind CSS和shadcn/ui实现样式和组件的设计。
  6. 在Vercel上部署应用程序,以提供快速流畅的访问体验。

结语:

onur.dev是一个基于Next.js和Tailwind CSS等技术构建的个人网站程序,它提供了简约美观的界面和流畅的用户体验。通过集成Contentful、Raindrop、Supabase和Vercel等服务,它实现了内容管理、书签管理和数据库存储等功能。无论是个人博客还是个人品牌展示,onur.dev都是一个理想的选择。


网址:https://github.com/suyalcinkaya/onur.dev
演示:https://onur.dev/

标签:开源
评论
更换验证码