https://github.com/nuhptr/cloudtify

🔄 Create podcast app using next14 (upcoming next15 will update), tailwind, and convex
https://github.com/nuhptr/cloudtify

clerk convex next14 shadcn-ui tailwindcss typescript

Last synced: about 2 months ago
JSON representation

🔄 Create podcast app using next14 (upcoming next15 will update), tailwind, and convex

• Host: GitHub
• URL: https://github.com/nuhptr/cloudtify
• Owner: nuhptr
• Created: 2024-06-08T01:40:09.000Z (7 months ago)
• Default Branch: master
• Last Pushed: 2024-06-26T02:30:10.000Z (7 months ago)
• Last Synced: 2024-06-26T03:37:32.191Z (7 months ago)
• Topics: clerk, convex, next14, shadcn-ui, tailwindcss, typescript
• Language: TypeScript
• Homepage:
• Size: 3.68 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Cloudtify

A simple podcast website that allows users to listen to podcasts. Also with AI to generate audio and image from text. It's simple you can use it to listen to podcasts and read the show notes.

## Features

-  [x] Authentication

-  [x] Listen to podcasts

-  [x] Read show notes

-  [x] Generate audio from text

-  [x] Generate image from text

-  [x] Create a podcast

-  [x] Coming soon

## Tech Stack

**Client:** Next.js, Typescript, TailwindCSS, Clerk

**Server:** Convex

## Shadcn-ui Setup & Dependencies

Init project with `npx shadcn-ui@latest init`

Will create "./components" & "./lib" folder by `default` and some packages in `package.json`

-  [class-variance-authority](https://www.npmjs.com/package/class-variance-authority) - manage class variance in tailwindcss

-  [clsx](https://www.npmjs.com/package/clsx) - A tiny (228B) utility for constructing `className` strings conditionally.

-  [lucide-react](https://www.npmjs.com/package/lucide-react) - open-source Feather icons as React components.

-  [tailwind-merge](https://www.npmjs.com/package/tailwind-merge) - A Tailwind CSS plugin to merge classes together.

-  [tailwindcss-animate](https://www.npmjs.com/package/tailwindcss-animate) - A plugin to generate animation utilities for Tailwind CSS.

Then remove unnecessary code in `globals.css` and `tailwind.config.ts` with your custom code.

Start add components using this command

```bash

npx shadcn-ui@latest add component

```

List of components in this project

-  [x] Button - `button` (@radix-ui/react-slot)

## Dependencies General

## Getting Started for Development

-  [x] Clone the project

-  [x] Install dependencies

-  [x] Run the development server

-  [x] Fill .env / .env.local file with your own values

```bash

git clone

cd cloudtify

npm install

npm run dev

```