howardt12345.com - v3
The third iteration of howardt12345.com, designed in Figma, built with Next.js, and hosted with Netlify
About the website
This website is an updated version of my v2 website, rewritten to use Next.js and Typescript for easier development. Transitioning to Next.js brought several benefits to the website, such as the option for server-side rendering and less restricted packages. Gatsby became too restrictive for this website, and the process of upgrading to a newer Gatsby version became too frustrating as there were some packages that relied on older versions of Gatsby while others required a newer version. Making the switch to Next.js also allowed me to address this issue, along with many other issues with the v2 website that were not easily fixable had I remained with Gatsby.
Installation & Setup
-
Install dependencies:
npm install
-
Start the development server:
npm run dev
The site is now running at
http://localhost:3000
.
Building and Running for Production:
-
Generate a production build
npm run build
-
Preview the site as it will appear once deployed
npm run start
The preview site should now be running at
http://localhost:3000
.
Color Reference:
Light Mode:
Color | Hex |
---|---|
background | #FFFFFF |
background_secondary | #EAEAEA |
accent | #2196F3 |
textPrimary | #000000 |
textSecondary | #7A7A7A |
textBody | #0C0C0C |
Dark Mode:
Color | Hex |
---|---|
background | #000000 |
background_secondary | #151515 |
accent | #64ffda |
textPrimary | #FFFFFF |
textSecondary | #858585 |
textBody | #F3F3F3 |