Giter VIP home page Giter VIP logo

trello's Introduction

使用 Next.js 14,服务器操作,React,Prisma,Stripe,Tailwind 和 PostgreSQL 构建的 Trello 克隆

这是一个使用 Next.js 14,服务器操作,React,Prisma,Stripe,Tailwind 和 PostgreSQL 构建的 Trello 克隆项目的仓库。

主要功能:

  • 认证: 使用 Clerk 进行用户认证
  • 组织 / 工作区: 创建和管理组织或工作区
  • 看板创建: 创建新的看板,并使用 Unsplash API 获取随机的精美封面图片
  • 活动日志: 记录整个组织的活动
  • 看板管理: 重命名和删除看板
  • 列表管理: 创建、重命名、删除、拖放排序和复制列表
  • 卡片管理: 创建、添加描述、重命名、删除、拖放排序和复制卡片
  • 卡片活动日志: 记录卡片的活动历史
  • 看板限制: 每个组织的看板数量限制
  • Stripe 订阅: 每个组织可以通过 Stripe 订阅解锁无限看板
  • 登录页面: 项目首页
  • PostgreSQL: 使用 PostgreSQL 数据库
  • Prisma ORM: 使用 Prisma ORM 进行数据库操作
  • shadcnUI & TailwindCSS: 使用 shadcnUI 和 TailwindCSS 构建用户界面

前提条件

Node 版本 20.x.x

克隆仓库

git clone 

安装依赖

bun i

配置 .env 文件

NEXT_PUBLIC_CLERK_PUBLISHABLE_KEY= 
CLERK_SECRET_KEY= 
NEXT_PUBLIC_CLERK_SIGN_IN_URL= 
NEXT_PUBLIC_CLERK_SIGN_UP_URL= 
NEXT_PUBLIC_CLERK_AFTER_SIGN_IN_URL= 
NEXT_PUBLIC_CLERK_AFTER_SIGN_UP_URL= 

DATABASE_URL= 

NEXT_PUBLIC_UNSPLASH_ACCESS_KEY= 

STRIPE_API_KEY= 

NEXT_PUBLIC_APP_URL= 

STRIPE_WEBHOOK_SECRET= 

配置 Prisma

添加 SQL 数据库

bunx --bun prisma generate
bunx --bun prisma db push

启动应用程序

bun run dev

trello's People

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.