Next auth drizzle neon postgres

.env.example

@@ -2,21 +2,23 @@
 NODE_ENV="development"
 NEXT_PUBLIC_APP_URL="https://localhost:3000"
 
+# DATABASE (POSTGRES @ NEON)
+# Ensure to append `?sslmode=require` at the end of your connection string
+DATABASE_URL=""
 
 # AUTHENTICATION (@ NEXT-AUTH)
 # Secret can be generated with `openssl rand -base64 32`
 # Follow instructions at https://codevoweb.com/nextjs-add-google-and-github-oauth2-using-nextauth-js/ to obtain client ids and secrets
-NEXTAUTH_URL=""
 AUTH_SECRET=""
-JWT_SECRET_KEY=""
-AUTH_GOOGLE_ID=""
-AUTH_GOOGLE_SECRET=""
-AUTH_GITHUB_ID=""
-AUTH_GITHUB_SECRET=""
-
-
-# DATABASE (POSTGRES @ NEON)
-# Ensure you append `sslmode=required` after the question mark in your connection string
-DATABASE_URL=""
-
+GOOGLE_ID=""
+GOOGLE_SECRET=""
+GITHUB_ID=""
+GITHUB_SECRET=""
 
+# EMAIL (@ RESEND)
+RESEND_API_KEY=""
+RESEND_EMAIL_FROM=""
+RESEND_EMAIL_TO=""
+RESEND_HOST="smtp.resend.com"
+RESEND_USERNAME="resend"
+RESEND_PORT="465"

.eslintignore

@@ -0,0 +1,5 @@
+.next/
+node_modules/
+coverage/
+package-lock.json
+pacakge-lock.yaml

.eslintrc.json

@@ -0,0 +1,35 @@
+/** @type {import("eslint").Linter.Config} */
+{
+  "parser": "@typescript-eslint/parser",
+  "parserOptions": {
+    "project": true
+  },
+  "plugins": ["@typescript-eslint", "tailwindcss"],
+  "extends": [
+    "next/core-web-vitals",
+    "plugin:@typescript-eslint/recommended-type-checked",
+    "plugin:tailwindcss/recommended",
+    "prettier"
+  ],
+  "rules": {
+    "@typescript-eslint/consistent-type-imports": [
+      "warn",
+      {
+        "prefer": "type-imports",
+        "fixStyle": "inline-type-imports"
+      }
+    ],
+    "@typescript-eslint/no-unused-vars": ["warn", { "argsIgnorePattern": "^_" }],
+    "@next/next/no-img-element": "off"
+  },
+  "settings": {
+        "next": {
+      "rootDir": ["./"]
+    },
+    "tailwindcss": {
+      "callees": ["cn", "cva"],
+      "config": "./tailwind.config.ts",
+      "classRegex": "^(class(Name)?|tw)$"
+    }
+  }
+}

.gitignore

@@ -36,4 +36,10 @@ yarn-error.log*
 next-env.d.ts
 
 # certificates
-certificates
+certificates
+
+# content
+.contentlayer
+
+# notes
+TODO.md

.nvmrc

@@ -0,0 +1 @@
+v20.10.0

.prettierrc.json

@@ -0,0 +1,39 @@
+{
+  "endOfLine": "lf",
+  "semi": false,
+  "singleQuote": false,
+  "tabWidth": 2,
+  "trailingComma": "es5",
+  "importOrder": [
+    "^@/styles/(.*)$",
+    "",
+    "^(react/(.*)$)|^(react$)",
+    "^(next/(.*)$)|^(next$)",
+    "<THIRD_PARTY_MODULES>",
+    "",
+    "^@/env.mjs",
+    "^types$",
+    "^@/types/(.*)$",
+    "^@/config/(.*)$",
+    "^@/db/(.*)$",
+    "^@/validations/(.*)$",
+    "^@/data/(.*)$",
+    "",
+    "^@/providers/(.*)$",
+    "^@/hooks/(.*)$",
+    "^@/lib/(.*)$",
+    "",
+    "^@/components/ui/(.*)$",
+    "^@/components/(.*)$",
+    "^@/app/(.*)$",
+    "",
+    "^[./]"
+  ],
+  "importOrderParserPlugins": ["typescript", "jsx", "decorators-legacy"],
+  "tailwindAttributes": ["tw"],
+  "tailwindFunctions": ["cva"],
+  "plugins": [
+    "@ianvs/prettier-plugin-sort-imports",
+    "prettier-plugin-tailwindcss"
+  ]
+}

LICENSE

@@ -1,6 +1,6 @@
 # MIT License
 
-Copyright (c) 2023 Sadman Sakib
+Copyright (c) 2023 Piotr Borowiecki
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal

README.md

@@ -1,87 +1,59 @@
-# [Next 13 starters with authentication and database set up](https://saasyland.com)
+# [Next 14 starters with authentication and database set up](https://saasyland.com)
 
-Starter templates for Next.js 13 full-stack projects. Built with Tailwind CSS, ShadCn, authentication, and database. Several branches contain several different configurations, including serverless databases like PostgreSQL with Neon, or MySQL with PlanetScale, Drizzle ORM, Prisma ORM v.5 (serverless-compatible), but also MongoDB and Supabase. The project is written in TypeScript, styled with [Tailwind CSS](https://tailwindcss.com) and [ShadCn](https://shadcn.com). All users are stored in a database, regardless of whether they signed up with email and password, magic link, or via an OAuth provider.
+#### See the live demo [here](https://saasyland.com)
 
-**The project is currently under active development. Please check back soon**
+## Description:
 
-![public/images/screenshots/screenshot_1](./public/images/screenshots/screenshot_1.png)
-
-![public/images/screenshots/screenshot_2](./public/images/screenshots/screenshot_2.png)
-
-![public/images/screenshots/screenshot_3](./public/images/screenshots/screenshot_3.png)
-
-![public/images/screenshots/screenshot_3](./public/images/screenshots/screenshot_4.png)
-
-## Available configurations:
-
-- ### [next-auth-drizzle-neon-postgres](https://github.com/pjborowiecki/SAASY-LAND-Next-13-Starters-With-Authentication-And-Database-Implemented/tree/next-auth-drizzle-planetscale-mysql)
-
-Under construction
-
-- ### [next-auth-drizzle-planetscale-mysql](https://github.com/pjborowiecki/SAASY-LAND-Next-13-Starters-With-Authentication-And-Database-Implemented/tree/next-auth-drizzle-planetscale-mysql)
-
-Under construction
-
-- ### [next-auth-prisma5-serverless-neon-postgres](https://github.com/pjborowiecki/SAASY-LAND-Next-13-Starters-With-Authentication-And-Database-Implemented/tree/next-auth-prisma5-serverless-neon-postgres)
+Starter templates for [Next.js 14](https://nextjs.org/) full-stack projects. Built with [TypeScript](https://www.typescriptlang.org/), [Tailwind CSS](https://tailwindcss.com/), [ShadCn/ui](https://ui.shadcn.com/), authentication, and database. Several branches contain several different configurations, including serverless databases like PostgreSQL with [Neon](https://neon.tech), or MySQL with [PlanetScale](https://planetscale.com), [Drizzle ORM](https://orm.drizzle.team/), [Prisma ORM v.5](https://www.prisma.io/) (serverless-compatible), but also [MongoDB Atlas](https://www.mongodb.com/atlas/database), [Supabase](https://supabase.com/), and even [Nest.js](https://nestjs.com/), [Express (MERN stack)](https://expressjs.com/), or [Django](https://www.djangoproject.com/). All users are stored in a database, regardless of whether they signed up with email and password, magic link, or via an OAuth provider.
 
-This branch contains a Next.js 13 starter with Next-Auth authentication using JSON Web Tokens (JWT), and a PostgreSQL database set up at [Neon](https://neon.tech). The database is connected via [Prisma](https://prisma.io) v.5, which is serverless-compatible. OAuth authentication is also set up for GitHub and Google. The set up contains email verification and password reset functionality, both set up with [Resend](https://resend.com) and [React Email](https://react.email/).
+### PostgreSQL at [Neon](https://neon.tech) with [Drizzle](https://orm.drizzle.team)
 
-- ##### TODO:
+This branch contains a Next.js 14 starter with Next-Auth authentication using JSON Web Tokens (JWT), and a PostgreSQL database set up at [Neon](https://neon.tech). The database is connected with [Drizzle ORM](https://orm.drizzle.team/), which is serverless-compatible. OAuth authentication is also set up for GitHub and Google providers. **This branch takes advantage of [prepared statements](https://orm.drizzle.team/docs/perf-queries), which are designed to massively improve query performance.** The set up contains email verification and password reset functionality, both set up with [Resend](https://resend.com) and [React Email](https://react.email/).
 
-- [x] Implement sign up with email and password
-- [x] Implement sign in with email and password
-- [x] Implement sign out functionality
-- [x] Set up OAuth sign in with GitHub and Google
-- [x] Set up email verification
-- [x] Set up password reset
-- [x] Set up sign in with magic link
-- [x] Improve email templates with [React Email](https://react.email/)
-- [x] Fix linting warnings
-- [ ] Set up a user profile page with a form to update user information
-- [ ] Set up file upload for user profile pictures
-- [ ] Complete the landing page sections and footer
-- [ ] Add terms of service and privacy policy pages
-- [ ] Set up a newsletter sign up
-- [ ] Add contact form
-- [ ] Implement payments with [Stripe](https://stripe.com)
-- [ ] Set up blogging with Markdown and MDX (or [Payload 2](https://payloadcms.com/) and [Lexical](https://lexical.dev/))
+<br />
 
-- ### [next-auth-prisma5-serverless-planetscale-mysql](https://github.com/pjborowiecki/SAASY-LAND-Next-13-Starters-With-Authentication-And-Database-Implemented/tree/next-auth-prisma5-serverless-planetscale-mysql)
+> **Warning**
+> This project is still in active development. Please see the list below to get a better understanding of what feature have been implemented already and what is yet to come.
 
-Under construction
+<br />
 
-- ### [next-auth-docker-local-postgres-drizzle](https://github.com/pjborowiecki/SAASY-LAND-Next-13-Starters-With-Authentication-And-Database-Implemented/tree/next-auth-docker-local-postgres-drizzle)
+## Features:
 
-Under construction
+- [x] Authentication with NextAuth
+- [x] Database and ORM set up
+- [x] Magic link authentication
+- [x] OAuth authentication
+- [x] Email and password authentication
+- [x] Email verification
+- [x] Password reset
+- [x] Email templates with React Email
+- [x] Functional contact form
+- [x] Functional newsletter sign up
+- [x] Functional blog with Contentlayer and MDX
+- [x] Functional and styled landing page with pricing, features, testimonials, and FAQ sections
+- [x] Functional and styled sign in and sign up pages
+- [x] Input validation with Zod
+- [x] Rigorous linting and TypeScript type checking
 
-- ### [next-auth-docker-local-postgres-prisma](https://github.com/pjborowiecki/SAASY-LAND-Next-13-Starters-With-Authentication-And-Database-Implemented/tree/next-auth-docker-local-postgres-prisma)
+<br />
 
-Under construction
+- [ ] Documentation pages
+- [ ] Stripe payments integration
+- [ ] Opt out from newsletter
+- [ ] User profile and settings pages
+- [ ] Custom loading pages with skeleton loaders
+- [ ] Custom error pages
+- [ ] Add pages for menu items
+- [ ] Improve MDX blog styling
+- [ ] Improve performance and make Edge compatible
+- [ ] Add tests
 
-- ### [next-auth-mongoose-mongodb](https://github.com/pjborowiecki/SAASY-LAND-Next-13-Starters-With-Authentication-And-Database-Implemented/tree/next-auth-mongoose-mongodb)
+<br />
 
-Under construction
-
-- ### [nestjs-nextjs-next-auth-prisma-sqlite](https://github.com/pjborowiecki/SAASY-LAND-Next-13-Starters-With-Authentication-And-Database-Implemented/tree/nestjs-nextjs-next-auth-prisma-sqlite)
-
-Under construction
-
-- ### [nestjs-nextjs-next-auth-drizzle-sqlite](https://github.com/pjborowiecki/SAASY-LAND-Next-13-Starters-With-Authentication-And-Database-Implemented/tree/nestjs-nextjs-next-auth-drizzle-sqlite)
-
-Under construction
-
-- ### [mern-nextjs-redux](https://github.com/pjborowiecki/SAASY-LAND-Next-13-Starters-With-Authentication-And-Database-Implemented/tree/mern-nextjs-redux)
-
-Under construction
-
-- ### [next-auth-supabase-postgres](https://github.com/pjborowiecki/SAASY-LAND-Next-13-Starters-With-Authentication-And-Database-Implemented/tree/next-auth-supabase-postgres)
-
-Under construction
-
-- ### [supabase-postgres](https://github.com/pjborowiecki/SAASY-LAND-Next-13-Starters-With-Authentication-And-Database-Implemented/tree/supabase-postgres)
+![public/images/screenshots/screenshot_1](./public/images/screenshots/screenshot_1.png)
 
-Under construction
+![public/images/screenshots/screenshot_2](./public/images/screenshots/screenshot_2.png)
 
-- ### [django-rest-djoser-digital-ocean-spaces-aws-ses-next-redux](https://github.com/pjborowiecki/SAASY-LAND-Next-13-Starters-With-Authentication-And-Database-Implemented/tree/django-rest-djoser-digital-ocean-spaces-aws-ses-next-redux)
+![public/images/screenshots/screenshot_3](./public/images/screenshots/screenshot_3.png)
 
-# Under construction
+![public/images/screenshots/screenshot_4](./public/images/screenshots/screenshot_4.png)