This is my personal website, available at jacklyn.dev! I streamed myself building the core foundations over on Twitch, and then finished it off during INIT 2023.
- Built using Next.js (bootstrapped with
create-next-app
) - Uses Font Awesome's React component for icons
- Makes use of React-Bootstrap (1.x - so Bootstrap 4) for layout/helper classes
- The email form on the contact page uses Formspark's API
- Imgbot automagically compresses images in this repo to help speed up load times
- Animate.css is used for some animations
- The live site is deployed to Vercel
- Clone this git repo and navigate to the repo's folder
- Run the development server with
npm run dev
- You can now access the live preview by going to http://localhost:3000
This project is structured like your typical Next.js project, so I'd recommend referring to their docs when making any changes.
- The colours used across the website are set in
styles/globals.css
as CSS variables- There's also some other useful variables set in there, such as ways to easily add the correct drop shadow, text shadow (for outlines) and border-radius to elements
The code from this project is licensed under the MIT License. Images, including logos, are property of their respective copyright owners.