Cosmic Podcast Network

[View the demo]

[Install the template]

A podcast network website powered by the Cosmic CMS and Next.js. NOTE: uses a canary version of the Cosmic JavaScript SDK that includes experimental features including media data fetching and props graph syntax.

Features

✨ NEW: Now includes account creation and login using the User Management Block

🔥 Performance optimized

🪄 Partial prerendering

📱 Mobile ready

🌓 Dark mode

Getting Started

First, clone this repo.

git clone https://github.com/cosmicjs/cosmic-podcast-network
cd cosmic-podcast-network

Then install packages.

npm i
# or
yarn
# or
pnpm
# or
bun i

Install the template and connect to Cosmic

1. Log in to the Cosmic dashboard and create a new Project and select the Podcast Network template.

2. Then copy the .env.copy to a new .env.local file. And add your API keys found in the Cosmic dashboard at Project / API keys.

# .env.local
COSMIC_BUCKET_SLUG=your_bucket_slug
COSMIC_READ_KEY=your_bucket_read_key
COSMIC_WRITE_KEY=your_bucket_write_key

RESEND_API_KEY=change_to_your_resend_api_key
NEXT_PUBLIC_APP_URL=change_to_your_app_url
NEXT_PUBLIC_APP_NAME="Change to your app name"
SUPPORT_EMAIL=change_to_your_support_email
CONTACT_EMAIL=change_to_your_contact_email

Run the app

Then run the development server:

npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun dev

Open http://localhost:3000 with your browser to see your message app. Add / delete your messages. See your messages in the Cosmic dashboard as well.

Contributing

Contributions welcome!