mirror of
https://github.com/r-freeman/portfolio.git
synced 2024-11-22 13:15:41 +00:00
✨ My current portfolio website, built with TypeScript, Next.js, React, Tailwind CSS, self-hosted on Raspberry Pi 5.
https://ryanfreeman.dev
components | ||
lib | ||
pages | ||
prisma | ||
public | ||
styles | ||
types | ||
.env.example | ||
.eslintrc.json | ||
.gitignore | ||
next.config.mjs | ||
package-lock.json | ||
package.json | ||
postcss.config.js | ||
README.md | ||
tailwind.config.ts | ||
tsconfig.json |
Portfolio
This website was built using TypeScript, React, Next.js and Tailwind CSS. It is designed to showcase my professional experience and skills, as well as provide information about me and my interests.
- Language: TypeScript
- Framework: Next.js
- Database: Supabase (Postgres)
- ORM: Prisma
- Deployment: Vercel
- Styling: Tailwind CSS
- Integrations: Spotify
Project structure
components/
- All the components of the website in tsx format.lib/
- Useful functions and scripts for connecting to external services and so on.pages/api/
- API routes for article views and Spotify integrations.pages/writing/
- Blog posts written in MDX format (Markdown in JSX).pages/
- Contains all other static pages like about, projects and uses.prisma/
- Prisma schema which describes the structure of the Supabase postgres database.public/
- Used for static files such as icons and images.styles/
- Contains the stylesheets for Tailwind and Prism.types/
- Types for various components in the project.
Running locally
This application requires node v16.14+.
git clone https://github.com/r-freeman/portfolio.git
cd portfolio/
npm i
npm run dev
Create a .env.local
file using .env.example
as a template.