My personal website built with Next.js, TypeScript, and Tailwind CSS.
- Next.js - React framework
- TypeScript - Type safety
- Tailwind CSS - Styling
- IBM Plex Mono - Typography
- Lucide React - Icons
First, install the dependencies:
npm install
# or
yarn install
# or
pnpm installThen, run the development server:
npm run dev
# or
yarn dev
# or
pnpm devOpen http://localhost:3000 with your browser to see the result.
You can start editing the page by modifying app/page.tsx. The page auto-updates as you edit the file.
This project uses next/font to automatically optimize and load IBM Plex Mono, a custom monospace font.
app/
├── _components/ # Reusable components
│ ├── JournalEntries.tsx # Journal entries component
│ ├── MemoryGame.tsx # Memory card game component
│ └── Message.tsx # Random ASCII art message component
├── journal/ # Journal page
│ └── page.tsx # Journal page component
├── game/ # Game page
│ └── page.tsx # Game page component
├── globals.css # Global styles
├── layout.tsx # Root layout
└── page.tsx # Home page
The easiest way to deploy your Next.js app is to use the Vercel Platform from the creators of Next.js.
Check out our Next.js deployment documentation for more details.
MIT License - feel free to use this code as inspiration for your own personal website!