Launching my personal site

Hi, and welcome to my first post on my new personal website. I decided it was finally time to move away from the Github Pages solution to a more robust framework.

As a result, this new site was built using Next.js and Tailwind CSS.

I wanted to incorporate modern web development techniques and include a blog as another creative outlet for me.

Blogging is not an out-of-the-box soultion within the NextJS framework so I had to do some research to make this happen. One way of tackling the problem I kept finding was to incorporate Markdown for the blog posts.

Ultimately, I ended up using the technologies/dependencies below to build this personal blog.

  "dependencies": {
    "@headlessui/react": "^1.7.2",
    "@mapbox/rehype-prism": "^0.8.0",
    "@mdx-js/loader": "^2.1.2",
    "@next/mdx": "^12.2.3",
    "@tailwindcss/typography": "^0.5.4",
    "autoprefixer": "^10.4.12",
    "clsx": "^1.2.1",
    "fast-glob": "^3.2.11",
    "feed": "^4.2.2",
    "focus-visible": "^5.2.0",
    "next": "^12.3.1",
    "postcss-focus-visible": "^6.0.4",
    "react": "18.2.0",
    "react-dom": "18.2.0",
    "remark-gfm": "^3.0.1",
    "tailwindcss": "^3.1.4"
  }

Future Build Items

This IS a work in progress. I plan on building the following additional features in the near future:

  1. Add a content management system for easier blog posting.
  2. Incorporate a newsletter functionality for people that want to subscribe to my blog.
  3. Write tutorial posts so visitors can learn how to build too!

Until next time!

-D