https://github.com/cosmicjs/nextjs-non-profit-website
A simple template to get started with a non-profit website. Uses Next.js and Cosmic headless CMS.
https://github.com/cosmicjs/nextjs-non-profit-website
cosmicjs headless-cms nextjs reactjs
Last synced: 12 months ago
JSON representation
A simple template to get started with a non-profit website. Uses Next.js and Cosmic headless CMS.
- Host: GitHub
- URL: https://github.com/cosmicjs/nextjs-non-profit-website
- Owner: cosmicjs
- Created: 2022-04-12T04:05:42.000Z (about 4 years ago)
- Default Branch: main
- Last Pushed: 2022-04-28T18:56:42.000Z (about 4 years ago)
- Last Synced: 2025-04-05T05:03:43.253Z (about 1 year ago)
- Topics: cosmicjs, headless-cms, nextjs, reactjs
- Language: TypeScript
- Homepage: https://nextjs-non-profit-website.vercel.app
- Size: 8.24 MB
- Stars: 7
- Watchers: 2
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Next.js Non-Profit Website
A non-profit website template powered by the [Cosmic headless CMS](https://www.cosmicjs.com). Uses Next.js, Tailwind CSS, and Stripe for donation payment processing.
## Links
[Read how this website is built](https://www.cosmicjs.com/articles/build-a-non-profit-app-with-next-and-cosmic)
[Install the App Template](https://www.cosmicjs.com/apps/nextjs-non-profit-website)
[View the live demo](https://nextjs-non-profit-website.vercel.app/)
## Screenshots


## Getting Started
First, install the dependencies with
```bash
yarn
```
Then, run the development server:
```bash
yarn dev
```
## Environment Variables
Refer to `.env.example` which is an example file for you to know what key-value pairs are needed for this project
Then, create an `.env` file and copy the key-value pairs to it and then change the values
## 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.