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

2. 运行开发服务器：

pnpm dev

生产环境

1. 构建应用：

pnpm build

2. 启动生产服务器：

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

2. Run the development server:

pnpm dev

Production

1. Build the application:

pnpm build

2. Start the production server:

pnpm start