Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/danybeltran/nextjs-typescript-and-mongodb
A very minimal Next.js template that uses server actions, Prisma, PostgreSQL, TailwindCSS, Shadcn, Zod and Next auth.
https://github.com/danybeltran/nextjs-typescript-and-mongodb
mongodb next next-auth next14 nextjs nodejs prisma react react-hooks react-template rsc server-actions server-components tailwind tailwindcss typescript useclient useserver useserveraction zod
Last synced: about 11 hours ago
JSON representation
A very minimal Next.js template that uses server actions, Prisma, PostgreSQL, TailwindCSS, Shadcn, Zod and Next auth.
- Host: GitHub
- URL: https://github.com/danybeltran/nextjs-typescript-and-mongodb
- Owner: danybeltran
- Created: 2021-01-12T04:08:19.000Z (about 4 years ago)
- Default Branch: main
- Last Pushed: 2025-01-24T20:14:31.000Z (8 days ago)
- Last Synced: 2025-01-25T15:06:33.871Z (8 days ago)
- Topics: mongodb, next, next-auth, next14, nextjs, nodejs, prisma, react, react-hooks, react-template, rsc, server-actions, server-components, tailwind, tailwindcss, typescript, useclient, useserver, useserveraction, zod
- Language: TypeScript
- Homepage: https://nextjs-typescript-and-mongodb-psi.vercel.app
- Size: 1.72 MB
- Stars: 160
- Watchers: 5
- Forks: 22
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
### A Next.js template
A Next.js app that uses Shadcn, Prisma ORM, MongoDB PostgreSQL and Next Auth
[](https://vercel.com/new/clone?repository-url=https%3A%2F%2Fgithub.com%2Fdanybeltran%2Fnextjs-typescript-and-mongodb)
### Updating deps
To update the dependencies to their latest versions, run:
```
./scripts/update-deps.sh
```
---
### Development
You need to pass an env. variable with the MongoDB connection string, as well as any variables required by `next-auth`:
```
NEXTAUTH_SECRET=
GOOGLE_APP_CLIENT_ID=
GOOGLE_APP_CLIENT_SECRET=
NEXTAUTH_URL=http://localhost:3000
# Connect to Supabase via connection pooling with Supavisor.
DATABASE_URL=
# Direct connection to the database. Used for migrations.
DIRECT_URL=
```
(You don't need `NEXTAUTH_URL` if you are deploying to Vercel)
How to get these variables?
---
`DATABASE_URL` and `DIRECT_URL`: Visit the [Supabase documentation](https://supabase.com/partners/integrations/prisma)
---
- [`GOOGLE_APP_CLIENT_ID` and `GOOGLE_APP_CLIENT_SECRET`](https://developers.google.com/identity/oauth2/web/guides/get-google-api-clientid)
---
Use your preferred tool to generate the `NEXTAUTH_SECRET` hash:
Using [This tool](https://generate-secret.vercel.app/32) is the quickest way to generate a hash. You can change the last segment of the url to get a hash of your preferred length, such as `https://generate-secret.vercel.app/44`
**OpenSSL :**
```bash
openssl rand -base64 32
```
**Urandom :**
```bash
head -c 32 /dev/urandom | base64
```
**Python :**
```py
import base64
import os
random_bytes = os.urandom(32)
base64_string = base64.b64encode(random_bytes).decode('utf-8')
print(base64_string)
```
**JavaScript :**
```js
const crypto = require('crypto')
const randomBytes = crypto.randomBytes(32)
const base64String = randomBytes.toString('base64')
console.log(base64String)
```
You can add those variables to a `.ENV` file (don't forget to add it to your `.gitignore` file!)
Related documentation:
- [`nextjs`](https://nextjs.org/docs)
- [`next-auth`](https://next-auth.js.org/getting-started/introduction)
- [`http-react`](https://httpr.vercel.app/docs)
[Live preview](https://nextjs-typescript-and-mongodb-psi.vercel.app)