GitHub - yaseenmustapha/nextjs13-app: Full-stack Next.js 13 application. Uses React 18 client & server components, TypeScript, Prisma ORM, Railway PostgreSQL database, NextAuth.js OAuth 2.0 authentication, OpenAI API GPT-3.5-Turbo, and Stripe payments.

This is an app built to showcase the capabilities of Next.js 13.

Live demo is up at nextjs13.app

Warning This app is a work in progress. Site may be unstable.

Features

Using new Next.js 13 Beta
New /app dir,
Routing, Layouts, Nested Layouts and Layout Groups
Data Fetching, Caching and Mutation
Uses client and server components from React 18
API Routes
Live social media feed with likes, comments, and profanity filter
Enhance social media posts using OpenAI API with GPT-3.5-Turbo model
OAuth 2.0 Authentication through Google, GitHub, and Discord using NextAuth.js
ORM using Prisma
PostgreSQL Database on Railway
UI Components built using NextUI v2.0
Styled using Tailwind CSS
Dark mode using next-themes
Payments using Stripe
Written in TypeScript

npm install

cp .env.example .env.local

npm run dev

Open http://localhost:3000 with your browser to see the result.

Name		Name	Last commit message	Last commit date
Latest commit History 75 Commits
.vscode		.vscode
app		app
lib		lib
pages/api		pages/api
prisma		prisma
public		public
.env.example		.env.example
.eslintrc.json		.eslintrc.json
.gitignore		.gitignore
LICENSE		LICENSE
README.md		README.md
next.config.js		next.config.js
package-lock.json		package-lock.json
package.json		package.json
postcss.config.js		postcss.config.js
tailwind.config.js		tailwind.config.js
tsconfig.json		tsconfig.json