what's inside this box?
hey there! this is my
digital playground where i show off cool stuff i've made, talk about what i
know, and share my professional journey. think of it as my little home on the
internet where you can learn all about me and my work!
some neat features:
- super sleek design that looks awesome on any screen size 📱💻
- a showcase of my digital creations in the wild 🚀
- random thoughts and tech ramblings in blog 💭
i built this with all the modern web goodies to make sure it's zippy fast and smooth as butter. i pop in regularly to add my latest projects and brain dumps!
come explore and don't be shy - drop me a line if you want to chat or collaborate on something cool!
here are the fun tools i used to build this digital treehouse:
want to run this site on your own computer? follow these steps and you'll be up and running in no time! 🏃♂️💨
before we dive in, make sure you've got these things installed:
- npm (the package wrangler)
npm install npm@latest -g
- node (either using nvm - the cool way)
or grab it from nodejs.org like a normal person
nvm install 18.17.0 # or whatever version floats your boat
follow these magical incantations to summon a local version of my website:
- snag a copy of my code
git clone https://github.com/iamfrerot/site.git- jump into the project folder
cd site- install all the digital ingredients
npm install
# or if you're fancy
yarn install
# or if you're extra fancy
pnpm install- create a secret spell book (
.env.local) with these magic words
NEXT_PUBLIC_URL=http://localhost:3000
RESEND_KEY=your_resend_api_key
RESEND_AUDIENCE_ID=your_audience_id
[email protected]
- start the engines!
npm run dev
# or
yarn dev
# or
pnpm dev- point your browser to http://localhost:3000 and voilà! ✨
congrats! you've got my website running on your very own computer. how cool is that?
got cool ideas to make this site even more awesome? i'm all ears! 👂
if your brain is bubbling with improvements or you spotted something wonky:
- scoot over to the issues page
- smash that "new issue" button
- tell me all about your brilliant idea
- slap on a fancy tag like "enhancement" or "feature"
i love hearing fresh ideas! if your suggestion makes me go "wow!", it might just become part of the site!
this project is under the mit license - which basically means "do whatever but don't sue me" 😉 check out the LICENSE for the boring details.
frérot ntwali - me[at]frerot.dev
big high-fives to all these amazing resources that helped me build this site:
- next.js docs - the superhero framework for react
- react docs - the OG building blocks of modern web
- typescript handbook - because types make life better
- tailwind css docs - css without the tears
- framer motion docs - making things wiggle and jiggle
- mdx docs - markdown with superpowers
- react email docs - emails that don't look like they're from 1999
- react icons library - pretty pictures galore
- resend docs - email delivery that actually works
- zod docs - validating stuff like a boss
these tools are the real MVPs! 🏆 couldn't have built this digital fun house without them!