initial commit

.env.sample

@@ -0,0 +1,28 @@
+HOST_NAME="http://localhost:3000"
+NEXTAUTH_URL="http://localhost:3000"
+DATABASE_URL="postgresql://postgres:example@localhost:5432/postgres"
+GOOGLE_CLIENT_ID="replace_me"
+GOOGLE_CLIENT_SECRET="replace_me"
+NEXTAUTH_SECRET="openssl rand -base64 32"
+STRIPE_API_KEY="replace_me"
+STRIPE_WEBHOOK_SECRET="replace_me"
+NEXT_PUBLIC_STRIPE_KEY="replace_me"
+NEXT_PUBLIC_STRIPE_MANAGE_URL="replace_me"
+EMAIL_SERVER_USER=resend
+EMAIL_SERVER_PASSWORD=replace_me
+EMAIL_SERVER_HOST=smtp.resend.com
+EMAIL_SERVER_PORT=465
+EMAIL_FROM="Group Finder <[email protected]>"
+RESEND_API_KEY=replace_me
+GITHUB_CLIENT_SECRET=replace_me
+GITHUB_CLIENT_ID=replace_me
+CLOUDFLARE_ACCOUNT_ID=replace_me
+CLOUDFLARE_ACCESS_KEY_ID=replace_me
+CLOUDFLARE_SECRET_ACCESS_KEY=replace_me
+CLOUDFLARE_BUCKET_NAME=replace_me
+RESEND_AUDIENCE_ID=replace_me
+NEXT_PUBLIC_POSTHOG_KEY=replace_me
+NEXT_PUBLIC_POSTHOG_HOST=replace_me
+NEXT_PUBLIC_PRICE_ID_BASIC="replace_me"
+NEXT_PUBLIC_PRICE_ID_PREMIUM="replace_me"
+NEXT_PUBLIC_STRIPE_MANAGE_URL="replace_me"

.eslintrc.js

@@ -0,0 +1,9 @@
+/** @type {import("eslint").Linter.Config} */
+module.exports = {
+  root: true,
+  extends: ["@repo/eslint-config/next.js"],
+  parser: "@typescript-eslint/parser",
+  parserOptions: {
+    project: true,
+  },
+};

.gitignore

@@ -0,0 +1,41 @@
+# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
+
+# dependencies
+/node_modules
+/.pnp
+.pnp.js
+.yarn/install-state.gz
+
+# testing
+/coverage
+
+# next.js
+/.next/
+/out/
+
+# production
+/build
+
+# misc
+.DS_Store
+*.pem
+
+# debug
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+
+# local env files
+.env*.local
+
+# vercel
+.vercel
+
+# typescript
+*.tsbuildinfo
+next-env.d.ts
+
+
+.env
+
+local.db

.map.ts

@@ -0,0 +1,4 @@
+/** Auto-generated **/
+declare const map: Record<string, unknown>
+
+export { map }

README.md

@@ -0,0 +1,129 @@
+# Welcome to the Project Planner AI Next Starter Kit
+
+Welcome to the [Project Planner AI](https://projectplannerai.com) Next Starter Kit! This is a github template which contains the following technology we feel is a great starting point for any new SaaS product:
+
+- Authentication (Next-Auth)
+- Authorization
+- Subscription Management (Stripe)
+- Stripe Integration / Webhooks
+- Todo Management
+- Drizzle ORM
+- Light / Dark Mode
+- ShadCN
+- Tailwind CSS
+- Account Management
+- Changelog
+- Analytics
+- Feedback
+
+We kept this project pretty simple but with enough functionality to allow you to start adding on new features as needed.
+
+## Contributing
+
+If you find obvious issues with this starter kit, feel free to submit a pull request or submit and issue. We want to keep this starter simple with the core technology picked, so we don't recommend trying to add in various things without prior approval.
+
+## How to Get Started
+
+Start by clicking the "use this template" button on the github repo. We suggest creating a new repository so you can track your code changes. After, clone your own repository down to your computer and start working on it.
+
+### Prerequisites
+
+This starter kit does uses Docker and Docker Compose to run a postgres database, so you will need to either have those installed, or modify the project to point to a hosted database solution.
+
+## How to Run
+
+1. `cp .env.sample .env`
+2. `npm i`
+3. `npm run dev`
+4. `npm run db:push`
+
+## Env Setup
+
+This starter kit depends on a few external services, such as **google oauth**, **stripe**, **turso**, and **resend**. You'll need to following the steps below and make sure everything is setup and copy the necesssary values into your .env file:
+
+## Resend
+
+Create an account on https://resend.com/ and generate an api key and paste into **EMAIL_SERVER_PASSWORD**
+
+Setup your domain in resend so that you can send emails from your custom domain and set **EMAIL_FROM** to match your expected from line. To do this, go to your domain provider and add the necessary records outlined in resend.
+
+### Database
+
+This starter kit uses Turso which is a sqlite host with a generous free tier. You'll need to setup an account here https://turso.tech/ and create a database. After making the database, generate a token and put into **DATABASE_AUTH_TOKEN**. Additionally, find your database url and set **DATABASE_URL**.
+
+### Stripe Setup
+
+This starter kit uses stripe which means you'll need to setup a stripe account at https://stripe.com. After creating an account and a project, you'll need to set the following env variables:
+
+- STRIPE_API_KEY
+- NEXT_PUBLIC_STRIPE_KEY
+- STRIPE_WEBHOOK_SECRET
+- PRICE_ID
+- NEXT_PUBLIC_STRIPE_MANAGE_URL
+
+How you can find these are outlined below:
+
+#### Stripe Keys
+
+You need to define both **NEXT_PUBLIC_STRIPE_KEY** and **STRIPE_API_KEY** inside of .env. These can get found here:
+
+- https://dashboard.stripe.com/test/apikeys
+
+#### Webhook Keys
+
+Depending on if you are developing locally or deploying to prod, there are two paths you need to take for getting a webhook key:
+
+##### Local Development
+
+We provided an npm alias `stripe:listen` you can run if you want to setup your locally running application to listsen for any stripe events. Run this command and copy the webhook secret it prints to the console into your .env file.
+
+##### Production
+
+When going to production, you'll need to create a webhook endpoint and copy your webhook secret into _STRIPE_WEBHOOK_SECRET_:
+
+1. https://dashboard.stripe.com/test/webhooks
+2. create an endpoint pointing to https://your-domain.com/api/webhooks/stripe
+3. listen for events invoice.payment_succeeded and checkout.session.completed
+4. find your stripe secret key and copy into your projects
+
+#### Price Id (Product)
+
+You'll need to create a subscription product in stripe:
+
+1. https://dashboard.stripe.com/products/create
+2. Make your one time product
+3. Copy the price id
+4. paste price id into .env of **PRICE_ID**
+
+### HOST_NAME
+
+When deplying to production, you want to set HOST_NAME to your FQDN, such as `https://you-domain.com`
+
+### Next-Auth
+
+We use [Next-Auth](https://next-auth.js.org/) for our authentication library. In order to get this start kit setup correctly, you need to setup a google provider.
+
+#### Google Provider
+
+By default, this starter only comes with the google provider which you'll need to setup:
+
+1. https://console.cloud.google.com/apis/credentials
+2. create a new project
+3. setup oauth consent screen
+4. create credentials - oauth client id
+5. for authorized javascript origins
+
+- http://localhost:3000
+- https://your-domain.com
+
+6. Authorized redirect URIs
+
+- http://localhost:3000/api/auth/callback/google
+- https://your-domain.com/api/auth/callback/google
+
+7. Set your google id and secret inside of .env
+
+- **GOOGLE_CLIENT_ID**
+- **GOOGLE_CLIENT_SECRET**
+
+8. run `openssl rand -base64 32` and set **NEXTAUTH_SECRET** (this is used for signing the jwt)

components.json

@@ -0,0 +1,17 @@
+{
+  "$schema": "https://ui.shadcn.com/schema.json",
+  "style": "default",
+  "rsc": true,
+  "tsx": true,
+  "tailwind": {
+    "config": "tailwind.config.ts",
+    "css": "src/app/globals.css",
+    "baseColor": "slate",
+    "cssVariables": true,
+    "prefix": ""
+  },
+  "aliases": {
+    "components": "@/components",
+    "utils": "@/lib/utils"
+  }
+}

content/docs/deployment/index.mdx

@@ -0,0 +1,16 @@
+---
+title: Home Page
+description: Your first document
+---
+
+Welcome to the docs! You can start writing documents in `/content/docs`.
+
+## What is Next?
+
+<Cards>
+  <Card title="Learn more about Next.js" href="https://nextjs.org/docs" />
+  <Card
+    title="Learn more about Next Docs"
+    href="https://next-docs-zeta.vercel.app"
+  />
+</Cards>

content/docs/deployment/meta.json

@@ -0,0 +1,4 @@
+{
+  "title": "Deployments",
+  "pages": ["index"]
+}

content/docs/hello.mdx

@@ -0,0 +1,14 @@
+---
+title: Hello
+description: Some Test Page
+---
+
+# Hello World
+
+1. This is a test page
+2. This is a test page
+3. This is a test pizza hut
+
+```typescript
+console.log("Hello World");
+```

content/docs/index.mdx

@@ -0,0 +1,16 @@
+---
+title: Home Page
+description: Your first document
+---
+
+Welcome to the docs! You can start writing documents in `/content/docs`.
+
+## What is Next?
+
+<Cards>
+  <Card title="Learn more about Next.js" href="https://nextjs.org/docs" />
+  <Card
+    title="Learn more about Next Docs"
+    href="https://next-docs-zeta.vercel.app"
+  />
+</Cards>

content/docs/meta.json

@@ -0,0 +1,4 @@
+{
+  "title": "Name of Folder",
+  "pages": ["hello", "deployment", "test", "index"]
+}

content/docs/test.mdx

@@ -0,0 +1,20 @@
+---
+title: Testing
+description: Components
+---
+
+## Code Block
+
+```js
+console.log("Hello World");
+```
+
+## Cards
+
+<Cards>
+  <Card title="Learn more about Next.js" href="https://nextjs.org/docs" />
+  <Card
+    title="Learn more about Next Docs"
+    href="https://next-docs-zeta.vercel.app"
+  />
+</Cards>

docker-compose.yml

@@ -0,0 +1,16 @@
+version: "3.9"
+services:
+  group-finder-db:
+    image: postgres
+    restart: always
+    container_name: group-finder-db
+    ports:
+      - 5432:5432
+    environment:
+      POSTGRES_PASSWORD: example
+      PGDATA: /data/postgres
+    volumes:
+      - postgres:/data/postgres
+
+volumes:
+  postgres:

drizzle.config.ts

@@ -0,0 +1,13 @@
+import { env } from "@/env";
+import { defineConfig } from "drizzle-kit";
+
+export default defineConfig({
+  schema: "./src/db/schema.ts",
+  dialect: "postgresql",
+  out: "./drizzle",
+  dbCredentials: {
+    url: env.DATABASE_URL,
+  },
+  verbose: true,
+  strict: true,
+});