If you're going to use this site as a template for yours, please read this section first!
My personal site made using the t3 stack - a fullstack and fully typesafe personal site.
Checkout the repo for create-t3-app, used to scaffold this project and init.tips to know why you should choose t3 stack. The tech stack consists of -
- Next.js
- tRPC
- Tailwind CSS
- NextAuth.js
- Prisma
My site uses all of these pieces of tech and Planetscale's free tier for the database.
This repo is MIT licensed, so you are free to use the code to create your own site, but please make sure you give proper attribution to my own site. That would help me create more open source projects which could be used by others freely, thank you!
Secondly, please remove my umami analytics from the code present in /src/components/Layout.tsx to prevent wrong analytics from being shown related to my site.
clone the repo and cd into it
git clone https://github.com/asrvd/asrvd.me my-site
cd my-site
install deps
pnpm i
add the environment variables required, see .env.example for reference
# Prisma
DATABASE_URL=
# Next Auth
NEXTAUTH_SECRET=
NEXTAUTH_URL=http://localhost:3000
# Next Auth Discord Provider
DISCORD_CLIENT_ID=
DISCORD_CLIENT_SECRET=
# Next Auth GitHub Provider
GITHUB_CLIENT_ID=
GITHUB_CLIENT_SECRET=
# LastDotFM API Credentials
LASTFM_API_KEY=
# Umami
UMAMI_USERNAME=
UMAMI_PASSWORD=
# Wakatime
WAKATIME_API_KEY=
fire up prisma
pnpm dlx prisma db push
pnpm dlx prisma studio # to preview your data
run the dev server
pnpm run dev
- don't forget to star the repo if you liked the project.
- consider sponsoring me.