关于网站

了解 YlTt's 2025 的功能和设计理念

网站简介

YlTt's 2025 是一个个人生活记录与分享平台,集故事写作、照片展示、视频收藏和互动祝福于一体。 网站采用 Next.js 16 全栈框架构建,使用阿里云 OSS 存储媒体文件,Supabase 提供数据库和用户认证服务。 设计理念是「简洁而不简单」—— 极简的界面下藏着丰富的交互细节,如照片的 EXIF 元数据提取、 胶卷式画廊导航、IP 属地展示等,让每一次浏览都有温度。

功能特性

故事记录

用文字和图片记录生活中的重要时刻、旅行见闻和日常感悟,支持分类管理和发布时间设定。

相册画廊

高清照片展示,自动提取 EXIF 信息(相机型号、拍摄参数),支持按月份分组浏览和胶片式缩略图导航。

视频收藏

收藏和展示喜爱的视频,支持 OSS 直传和在线播放。

祝福墙

访客可以留下祝福卡片,附带 IP 属地信息和设备类型标识,卡片式布局清晰展示每一条心意。

权限管理

基于角色的访问控制,管理员可对全站内容进行增删改操作,普通用户仅可浏览和评论。

流畅体验

GSAP 动画过渡、全局状态管理减少重复请求、响应式布局适配各种设备。

技术栈

Next.js 16

React 全栈框架,App Router + Turbopack,服务端组件与客户端组件混合渲染。

Supabase

开源 BaaS,提供 PostgreSQL 数据库、用户认证、Row Level Security 权限控制。

阿里云 OSS

对象存储服务,托管所有媒体文件(照片、视频),CDN 加速访问。

Tailwind CSS

实用优先的 CSS 框架,响应式布局、暗色模式、自定义设计令牌。

GSAP

高性能动画库,驱动页面过渡、画廊滚动、缩略图焦点动画等交互动效。

shadcn/ui

基于 Radix UI 的组件库,提供 Dialog、Card、Button 等无障碍访问组件。

DeepSeek API

AI 大模型接口,用于文件共享空间的自然语言搜索关键词提取。

date-fns + exifr

日期格式化与照片 EXIF 元数据(相机型号、光圈、快门等)客户端解析。

Built with Next.js · Supabase · Alibaba Cloud OSS · GSAP · Tailwind CSS