https://github.com/cryptodev523/portfolio
My portfolio site with Next.js, React & Tailwind CSS.
https://github.com/cryptodev523/portfolio
nextjs supabase tailwindcss typescript
Last synced: about 2 months ago
JSON representation
My portfolio site with Next.js, React & Tailwind CSS.
- Host: GitHub
- URL: https://github.com/cryptodev523/portfolio
- Owner: cryptodev523
- Created: 2023-10-06T16:31:53.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2024-10-09T13:08:17.000Z (over 1 year ago)
- Last Synced: 2025-02-08T15:38:29.007Z (over 1 year ago)
- Topics: nextjs, supabase, tailwindcss, typescript
- Language: TypeScript
- Homepage: https://jordans.dev
- Size: 273 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Portfolio
This is a personal portfolio website built with [Next.js](https://nextjs.org/), showcasing my work as a Software Engineer.
## Project Overview
This portfolio is a modern, responsive web application that highlights my skills, experience, and projects. It uses Next.js for server-side rendering and optimal performance, along with several other technologies to create an engaging user experience.
## Key Features
- Responsive design
- Server-side rendering with Next.js
- Dynamic content loading from Supabase
- Smooth scrolling and animations
- Analytics integration with Vercel and Mixpanel
- Custom cursor effect
- Downloadable resume
## Technologies Used
- Next.js
- React
- TypeScript
- Tailwind CSS
- Supabase
- Vercel Analytics
- Mixpanel
- React Icons
## Getting Started
To run this project locally:
1. Clone the repository
2. Install dependencies:
```bash
npm install
```
3. Set up environment variables:
Create a `.env.local` file in the root directory and add the following variables:
```
NEXT_PUBLIC_SUPABASE_URL=your_supabase_url
NEXT_PUBLIC_SUPABASE_ANON_KEY=your_supabase_anon_key
NEXT_PUBLIC_MIXPANEL_TOKEN=your_mixpanel_token
```
4. Run the development server:
```bash
npm run dev
```
5. Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.
## Project Structure
- `app/`: Contains the main application code
- `components/`: React components used throughout the app
- `utils/`: Utility functions and Supabase client
- `page.tsx`: Main page component
- `layout.tsx`: Root layout component
- `public/`: Static assets
- `styles/`: Global styles
## Deployment
This project is set up for easy deployment on Vercel. Simply connect your GitHub repository to Vercel, and it will automatically deploy your main branch.
## Learn More
To learn more about the technologies used in this project, check out the following resources:
- [Next.js Documentation](https://nextjs.org/docs)
- [React Documentation](https://reactjs.org/docs/getting-started.html)
- [Tailwind CSS Documentation](https://tailwindcss.com/docs)
- [Supabase Documentation](https://supabase.io/docs)
- [Vercel Documentation](https://vercel.com/docs)