https://github.com/gatteo/matteogiardino.com
My personal website and blog built with TypeScript, Next.js, Tailwind CSS, shadcn/ui, Prisma
https://github.com/gatteo/matteogiardino.com
mdx nextjs nextjs14 seo shadcn-ui t3-env tailwindcss typescript
Last synced: 2 months ago
JSON representation
My personal website and blog built with TypeScript, Next.js, Tailwind CSS, shadcn/ui, Prisma
- Host: GitHub
- URL: https://github.com/gatteo/matteogiardino.com
- Owner: gatteo
- License: mit
- Created: 2024-03-13T14:34:58.000Z (about 2 years ago)
- Default Branch: main
- Last Pushed: 2024-10-16T11:07:36.000Z (over 1 year ago)
- Last Synced: 2024-10-18T00:03:59.945Z (over 1 year ago)
- Topics: mdx, nextjs, nextjs14, seo, shadcn-ui, t3-env, tailwindcss, typescript
- Language: TypeScript
- Homepage: https://matteogiardino.com
- Size: 127 MB
- Stars: 20
- Watchers: 1
- Forks: 5
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
- awesome-shadcnui - Github
README
matteogiardino.com
This repository houses the code for my personal website and blog, where I share my thoughts, projects, and insights. Feel free to explore and get inspired.
## ✨ Features
- ⚡️ Next.js 14 with App Router (Turbo)
- 📝 MDX
- 🎨 Tailwind CSS - for styling
- 🌈 shadcn/ui & Radix UI - UI components
- 🛡 Strict TypeScript and ESLint configuration
- 📱 Responsive design
- 🌗 Light / Dark mode
- 📈 SEO optimized with meta tags and JSON-LD
- 📰 RSS feed
- 🗺 Sitemap
- 📊 Google Analytics
- 📖 Table of contents for blog posts
- 📷 Image zoom - zoom in on images in blog posts
- 📝 Code syntax highlighting - using Shiki
- 🎨 Animation - using Framer Motion
- 🤖 GitHub Actions for CI/CD
- 🏠 LightHouse score of nearly 100
- 💄 Prettier - code formatting
- 〰️ Prisma - ORM
- 👷🏻♂️ t3-env - validate environment variables before building
## 🔨 Requirements
- Node, recommended `20.x`
- pnpm, recommended `8.14.0`
- PostgreSQL, recommended `14.x` (optional if you don't need all the functionalities)
- [Visual Studio Code](https://code.visualstudio.com/) with [recommended extensions](.vscode/extensions.json)
- Optionally [React Developer Tools](https://chrome.google.com/webstore/detail/react-developer-tools/fmkadmapgofadopljbjfkapdkoienihi?hl=en)
## 👋 Getting Started
Follow these steps to run the project locally on your machine:
```bash
git clone https://github.com/gatteo/matteogiardino.com.git
cd matteogiardino.com
pnpm install
```
Create a `.env.local` file based on the provided `.env.example` file and fill in the necessary variables.
OR you can skip this by modifying `apps/web/src/env.ts`:
```ts
export const env = createEnv({
skipValidation: true,
server: {
// ...
},
})
```
You may notice that some functionalities will not work properly. But it's okay for learning.
To run the app in development mode:
```bash
pnpm dev
```
The app will be available at `localhost:3000`.
## ✍🏻 Author
[@gatteo](https://github.com/gatteo)
## 🪪 License
This project is open source and available under the [MIT License](LICENSE).
Made with ❤️ in Turin (Italy)