https://github.com/calebbenjin/calebjs
My portfolio built with Next.js, TypeScript, Tailwind, Prisma, and Vercel.
https://github.com/calebbenjin/calebjs
mdx nextjs13 portfolio prisma react tailwindcss typescript vercel
Last synced: 2 months ago
JSON representation
My portfolio built with Next.js, TypeScript, Tailwind, Prisma, and Vercel.
- Host: GitHub
- URL: https://github.com/calebbenjin/calebjs
- Owner: calebbenjin
- Created: 2022-12-21T11:35:26.000Z (over 3 years ago)
- Default Branch: main
- Last Pushed: 2024-05-11T22:08:54.000Z (about 2 years ago)
- Last Synced: 2025-01-26T01:29:59.103Z (over 1 year ago)
- Topics: mdx, nextjs13, portfolio, prisma, react, tailwindcss, typescript, vercel
- Language: TypeScript
- Homepage: https://calebjs.vercel.app
- Size: 13 MB
- Stars: 1
- Watchers: 1
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# calebjs.io
- **Framework:** [Nextjs13:](https://nextjs.org)
- **Database:** [PlanetScale:](https://planetscale.com)
- **ORM:** [Prisma:](https://www.prisma.io)
- **Authentication:** [NextAuth.js:](https://next-auth.js.org)
- **Deployment:** [Vercel:](https://vercel.com)
- **CMS:** [Sanity:](https://www.sanity.io)
- **Styling:** [Tailwind CSS:](https://tailwindcss.com)
# Overview
- `layouts/*` - The different page layouts each MDX category (blog, snippets) uses.
- `lib/*` - Short for "library", a collection of helpful utilities or code for external services.
- `pages/api/*` - API Routes powering /dashboard, newsletter subscription, guestbook, and post views.
- `pages/blog/*` - Static pre-rendered blog pages using MDX.
- `pages/dashboard` - Personal dashboard tracking metrics.
- `pages/sitemap.xml.tsx` - Automatically generated sitemap.
- `pages/feed.xml.tsx` - Automatically generated RSS feed.
- `pages/*` - All other static pages.
- `prisma/*` - My Prisma schema, which uses a PlanetScale MySQL database.
- `public/*` - Static assets including fonts and images.
- `styles/*` - A small amount of global styles. I'm mostly using vanilla Tailwind CSS.
First, run the development server:
```bash
npm run dev
# or
yarn dev
```
Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.