Skip to content

Latest commit

 

History

History
125 lines (81 loc) · 2.31 KB

README.md

File metadata and controls

125 lines (81 loc) · 2.31 KB
Raw

Cat Poster

基于 Remix 和 Supabase 构建的全栈社交应用 DEMO

中文 | English

中文

项目概述

这是一个使用 Remix 和 Supabase 构建的社交媒体应用，作为一个技术探索和学习的实践项目。本项目旨在实践现代 Web 技术和全栈开发的最佳实践。

项目目的

  • 探索 Remix 与 Supabase 的集成方案
  • 实践构建实时社交功能
  • 通过实战来学习全栈应用开发

演示

访问在线演示：CatPoster

技术栈

  • Remix - 全栈 Web 框架
  • Supabase - 开源的 Firebase 替代方案
  • Tailwind CSS - 实用优先的 CSS 框架
  • TypeScript - 用于类型安全的代码
  • React - UI 库

正在探索的功能

  • Supabase 身份认证
  • 实时数据更新
  • 响应式设计
  • 类型安全的数据库查询
  • 现代 UI/UX 模式

开发环境

  1. 安装依赖：
pnpm install
  1. 运行开发服务器：
pnpm dev

生产环境

  1. 构建应用：
pnpm build
  1. 启动生产服务器：
pnpm start

English

Overview

A social media application built with Remix and Supabase, serving as an exploration and learning project. This project aims to experiment with modern web technologies and best practices in full-stack development.

Purpose

  • Explore the integration of Remix with Supabase
  • Practice building real-time social features
  • Learn through hands-on implementation of a full-stack application

Demo

Check out the live demo: CatPoster

Tech Stack

  • Remix - Full-stack web framework
  • Supabase - Open source Firebase alternative
  • Tailwind CSS - Utility-first CSS framework
  • TypeScript - For type-safe code
  • React - UI library

Features Being Explored

  • Authentication with Supabase
  • Real-time data updates
  • Responsive design
  • Type-safe database queries
  • Modern UI/UX patterns

Development

  1. Install dependencies:
pnpm install
  1. Run the development server:
pnpm dev

Production

  1. Build the application:
pnpm build
  1. Start the production server:
pnpm start