Welcome to my digital garden, a frontend portfolio crafted with care using Next.js. This space is where my code and creativity meet, built to showcase my projects, my learning journey, and the joy of building things on the web.
This project was bootstrapped with create-next-app and embraces the power of modern web development.
To run the development server locally:
npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun devOnce the server is running, open your browser and head over to:
You can start editing the homepage by modifying the app/page.tsx file. Your changes will be reflected instantly thanks to hot reloading.
Here's the foundation upon which this portfolio is built:
🛠 Tech Stack This portfolio is rooted in a powerful and expressive tech stack:
⚛️ React – for a dynamic and component-driven UI
🔷 TypeScript – adding type safety and clarity
🌐 Next.js – for powerful server-side rendering and routing
💨 Tailwind CSS – for utility-first, responsive styling
🎨 React Bits – for elegant, reusable UI components that elevate the user experience
🌀 Framer Motion – for smooth, intuitive animations that bring the interface to life
🚀 Vercel – for seamless deployment and global delivery
- Modern design with mobile responsiveness
- App Router setup using the
app/directory - Custom font with Geist via
next/font - Clear file structure for easy expansion and maintenance
- Fast, optimized performance
If you're new to Next.js or just curious to explore further:
This portfolio is hosted on Vercel, the native platform for Next.js. You can easily deploy your own version:
For more guidance: 🔗 Next.js Deployment Docs
This portfolio is not just a showcase, it’s a reflection of my growth as a frontend developer. Each section, each line of code, holds a story. Thanks for stopping by. ✨
Feel free to fork, explore, or say hello!
“First learn the meaning of what you say, and then speak.” – Epictetus
— Fred 🌿