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: about 1 month 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 (over 2 years ago)
• Default Branch: main
• Last Pushed: 2022-04-28T18:56:42.000Z (over 2 years ago)
• Last Synced: 2024-04-11T16:59:54.666Z (9 months ago)
• Topics: cosmicjs, headless-cms, nextjs, reactjs
• Language: TypeScript
• Homepage: https://nextjs-non-profit-website.vercel.app
• Size: 8.24 MB
• Stars: 6
• Watchers: 3
• 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.