A simple template to get started with a non-profit website.

Overview

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

nextjs-non-profit-website-1

nextjs-non-profit-website-2

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.

You might also like...

An NPM package to help you get started with modern javascript tooling easier & faster

MODERNIZE.JS Creating config files for webpack and babel can be an hell of stress, this NPM package helps you get started with writing code as soon as

Sep 22, 2022

CloudCrafter CLI is a command-line interface tool that provides templates for common cloud resources to help you get started quickly.

CloudCrafter CLI CloudCrafter CLI is a command-line interface tool that provides templates for common cloud resources to help you get started quickly.

May 5, 2023

🚀🚀 A Shopify App template for serverless, non-embedded Apps.

🚀 Free Shopify x Next.js App Template for serverless non-embedded Apps Everything to build your next non-embedded Shopify App and Marketing pages in

Dec 30, 2022

Your non mega-corporate Open source PLM. Click the website down below for more information.

Your non mega-corporate Open source PLM. Click the website down below for more information.

PLMore PLMore is an open-source Product Lifecycle Management Software. It offers an alternative to the heavily priced archahic Windchill/Teamcenter so

Aug 23, 2022

Your non mega-corporate Open source PLM. Click the website down below for more information.

Your non mega-corporate Open source PLM. Click the website down below for more information.

PLMore PLMore is an open-source Product Lifecycle Management Software. It offers an alternative to the heavily priced archahic Windchill/Teamcenter so

Jun 20, 2022

PokemonNFT started as Buildspace Project - "Create your own mini turn-based NFT browser game" - ROSE Emerald Paratime Testnet

PokemonNFT started as Buildspace Project -

Welcome to PokemonNFTGame 👋 Buildspace Project - Create your own mini turn-based NFT browser game ✨ Demo Install npm install Usage npm run dev Blockc

Oct 3, 2022

Query for CSS brower support data, combined from caniuse and MDN, including version support started and global support percentages.

css-browser-support Query for CSS browser support data, combined from caniuse and MDN, including version support started and global support percentage

Nov 2, 2022

Duckhunt en javascript, HTML, CSS (projet non terminé)

Duckhunt.JS 1.0 Une réalisation personnel du jeu duckhunt réadapter à ma façon. Dans le cadre d'un cours de POO à l'école Metz Numeric School Histoire

Dec 2, 2022

KWin Script to switch to the next or previous non empty virtual desktop

kwin-cycle-non-empty-desktops KWin Script to switch to the next or previous non empty virtual desktop. Installation Method 1: From the KDE Store Go to

Dec 5, 2022
Comments
  • chore(env): placed all key-value pairs to `.env.example` file

    chore(env): placed all key-value pairs to `.env.example` file

    Hi, I noticed that all the key-value pairs needed are written down in README.md. As such, I think it's better to add a .env.example instead of writing it in README.md. Look forward to your reply and perhaps the merge of my PR to main branch. Thank you

    opened by GervinFung 2
Owner
Cosmic
Headless CMS to power content for your websites and apps
Cosmic
🏄‍♂️ A node.js template to quickly get started building

hacky-node-template ??‍♂️ A type-safe Node.js template to quickly get started building. Tech-stack Express.js - Fast, un-opinionated, minimalist web f

Mukesh 7 Jan 4, 2023
CryptoDappy is the fastest way to get started with Flow.

Demo application (testnet) Learning hub (start learning here) What's CryptoDappy? CryptoDappy is the fastest way to get started with blockchain develo

Benjamin Ebner 91 Aug 18, 2022
Functions Recipes is a library of examples to help you getting started with Salesforce Functions and get used to their main features.

Functions Recipes Introduction Salesforce Functions lets you use the Salesforce Platform for building event-driven, elastically scalable apps and expe

Trailhead Apps 172 Dec 29, 2022
Get started on Remix with TypeScript and Tailwind CSS in seconds

remix-typescript-tailwind-quickstart Get started on Remix with TypeScript and Tailwind CSS in seconds. This is an example setup of Remix building on t

Resi Respati 12 Mar 16, 2022
The fastest way to get started with a fully-fledged web3 frontend

create-web3-frontend The fastest way to get started with a fully-fledged web3 frontend setup consisting of Next.js, wagmi and Tailwind CSS. npx create

Dhaiwat Pandya 153 Dec 28, 2022
TechSquad Community is what you need to get started in Coding and Development

TechSquad Community is what you need to get started in Coding and Development This is a Community website under development. This community aims to cr

TechSquad Community 18 Dec 16, 2022
This SDK helps developers get started with the on-chain tools provided by Metaplex.

Metaplex JavaScript SDK ⛔️ DO NOT USE IN PRODUCTION, THIS SDK IS IN VERY EARLY ALPHA STAGES! This SDK helps developers get started with the on-chain t

Metaplex Foundation 263 Dec 27, 2022
Get started with AI vision at the edge with no coding experience at all!

No-Code Edge AI Vision with Node-RED Now you can get started with AI vision at the edge in just THREE STEPS with no coding experience at all! Prerequi

Seeed Studio 47 Dec 5, 2022
Get started with GatsbyJS straight away without having to spend a whole day configuring your usual addons.

Gatsby Starter Infinite Get started with GatsbyJS straight away without having to spend a whole day configuring your usual addons. This starter includ

Matt Patterson 3 Jun 27, 2022
A great place for platforms to get started on Cloudflare Workers!

Workers for Platforms Example Project Blog post Docs For SaaS companies, it's challenging to keep up with the never ending requests for customizations

Cloudflare 29 Dec 23, 2022