https://github.com/bytegrad/portfolio-website
Build & Deploy a modern React / Next.js portfolio website from scratch!
https://github.com/bytegrad/portfolio-website
nextjs-portfolio portfolio-website react-portfolio
Last synced: 11 months ago
JSON representation
Build & Deploy a modern React / Next.js portfolio website from scratch!
- Host: GitHub
- URL: https://github.com/bytegrad/portfolio-website
- Owner: ByteGrad
- Created: 2023-06-30T15:33:44.000Z (almost 3 years ago)
- Default Branch: master
- Last Pushed: 2024-08-20T12:35:38.000Z (over 1 year ago)
- Last Synced: 2025-04-12T14:16:44.695Z (12 months ago)
- Topics: nextjs-portfolio, portfolio-website, react-portfolio
- Language: TypeScript
- Homepage: https://www.youtube.com/watch?v=sUKptmUVIBM
- Size: 721 KB
- Stars: 704
- Watchers: 2
- Forks: 381
- Open Issues: 21
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
[](https://youtu.be/sUKptmUVIBM)
# [Watch video here](https://youtu.be/sUKptmUVIBM)
## What you will learn
- Latest Next.js 13 features
- Next.js App Router
- Next.js Server Actions
- Client & Server Components
- TypeScript (Beginner & Intermediate)
- Tailwind CSS
- Context API
- Advanced Animations with Framer Motion
- React.Email & Resend
- Custom React hooks
- Fresh, modern UI design
- Light & Dark mode
- Responsive website
## Important
If you want to be a professional developer, you have to know the fundamentals like JavaScript and CSS really well. I highly recommend you go through my [Professional JavaScript](https://bytegrad.com/courses/professional-javascript) and [Professional CSS](https://bytegrad.com/courses/professional-css) courses.
I'm close to releasing a complete React & Next.js course. Get on the email list to receive early-bird pricing: [link](https://email.bytegrad.com/).
## Setup
1. Add RESEND_API_KEY environment variable in .env.local
2. In the send-email.ts action file, change the "to" email to your own email