Matt Morris

About this website

Authors
  • avatar
    Name
    Matt Morris
    LinkedIn

I created this website to share my various projects, creative and technical, but I would be remiss to not mention the site itself as one of the most challenging technical and creative projects I have embarked on thus far, which has involved working through numerous important considerations and challenges, and forced me to learn a ton along the way.

I built it using a React framework called Next.js. Code is hosted on Github and deployed with Netlify.

Credit to @timlrx for the excellent Tailwind Nextjs Starter Blog template, which uses Tailwind for styling and Contentlayer to manage markdown content.

Generative AI has also been extremely helpful. Most things I use AI for still take some troubleshooting, but it generally helps me get things done more quickly than I would otherwise. It's been beneficial for learning coding or anything else, as you can conversationally engage on any topic from a single window.

There was, however, some benefit to the several years before AI, doing it the 'old fashioned' way; troubleshooting, Googling the error message, and searching for answers on Stack Overflow.

A note on code visibility: other projects I post here will be shared publicly on my GitHub profile or Codepen, but I have chosen not to make the code repository for this site public so as to hide my commits and only provide visibility to the most current version of the content.

Here are some topics I learned more about and worked through while building this site:

  • Software architecture
  • Version control
  • Web development workflow
  • Data security
  • Package management
  • UI/UX
  • Configuration
  • Automation
  • Build/deployment
  • Design
  • Writing & editing
  • Cost
  • Various programming languages and tools used throughout the web development stack (HTML, CSS, Tailwind, Javascript, React, Next.js, Typescript, Bash, Linux, Git, Node.js, JSON, NPM, Yarn, Markdown, JSX, MDX, Netlify — and that doesn't even cover this website!)