Next.js Non-Profit Website
A non-profit website template powered by the Cosmic headless CMS. Uses Next.js, Tailwind CSS, and Stripe for donation payment processing.
Links
Read how this website is built
Install the App Template
View the live demo
Screenshots
Getting Started
First, install the dependencies with
yarn
Then, run the development server:
yarn dev
Environment Variables
You'll need to create an .env
file in the root of the project. It should have the following values:
BUCKET_SLUG=your_cosmic_bucket_slug
READ_KEY=your_cosmic_read_key
WRITE_KEY=your_cosmic_write_key
NEXT_PUBLIC_STRIPE_PUBLISHABLE_KEY=your_stripe_publishable_key
STRIPE_SECRET_KEY=your_stripe_secret_key
Deploy
Use the following button to deploy to Vercel. You will need to add API accesss keys as environment variables. Find these in Bucket Settings > API Access.