Visit https://podcastr-jet-iota.vercel.app/

Tech Stack:

Next.js TypeScript Convex OpenAI Clerk ShadCN Tailwind CSS

Keys Take Away:

• Next.js: Client side redering, Group routes, Dynamic routes...

• Advanced and resuable features such as Form Management using TypeScript, React hook form and Zod

• Mordern mobile responsive UI using ShadCN & Tailwind CSS

• Clerk for authentication

• OpenAI APIs to generate podcast audio and image (https://platform.openai.com/docs/api-reference/introduction)

• Convex: an open-source backend that allows you to build full stack apps.

Getting Started

Clone project then run the development server:
npx convex dev
npm run dev

Open http://localhost:3000 with your browser to see the result.

Deploy on Vercel

The easiest way to deploy your Next.js app is to use the Vercel Platform from the creators of Next.js.

Check out our Next.js deployment documentation for more details.

Personal Notes:

Tutorial: https://www.youtube.com/watch?v=zfAb95tJvZQ
START Sat 22 Jun, 2024 06:30 AM
DONE Sat 29 Jun, 2024 11:00 AM

https://ui.shadcn.com/docs/installation/next https://nextjs.org/learn/react-foundations/server-and-client-components https://docs.convex.dev/quickstart/nextjs https://docs.convex.dev/database/schemas https://docs.convex.dev/tutorial/client https://docs.convex.dev/functions/http-actions https://docs.convex.dev/auth/clerk https://ui.shadcn.com/docs/components/form https://docs.convex.dev/quickstart/nextjs https://platform.openai.com/ https://stackoverflow.com/questions/75898276/openai-api-error-429-you-exceeded-your-current-quota-please-check-your-plan-a