deeheber / danielle-heberling-dot-xyz

My personal blog and website
https://www.danielleheberling.xyz/
MIT License
4 stars 1 forks source link
blog gatsbyjs javascript netlify personal-blog reactjs

Danielle-Heberling-Dot-XYZ

Note: this site has been retired and is no longer active. Check out the new blog's code here.

🧐 What's inside?

This is the source code for my personal blog website https://www.danielleheberling.xyz Feel free to submit a PR for any improvements and especially if you see any typos in my posts.

Note that I've mostly just used the Gatsby starter, so some of the code in this repo might not be reflective of my personal coding style.

I've been considering moving this site off of Gatsby for a while since the extra work to keep up with the dependencies and dependcies of dependencies doesn't feel worth it. Suggestions welcome on alternative frameworks with fewer dependencies, simpler for a personal blog, and a relatively painless migration from Gatsby. Thanks!

🚀 Quick start

  1. Clone the repository

    # cd into the directory location you'd like first
    git clone https://github.com/deeheber/danielle-heberling-dot-xyz.git
  2. Start developing.

    This site is built with the nodeJS version specified in the .nvmrc in mind. Other version might work, but it's not guaranteed.

    Navigate into the site’s directory and start it up.

    cd danielle-heberling-dot-xyz/
    npm i
    npm start

    Note: If using npm v7 or above add the --legacy-peer-deps flag to npm i per Gatsby's suggestion

  3. Open the source code and start editing!

    Your site is now running at http://localhost:8000!

    Note: You'll also see a second link: http://localhost:8000/___graphql. This is a tool you can use to experiment with querying your data. Learn more about using this tool in the Gatsby tutorial.

    Open the danielle-heberling-dot-xyz directory in your code editor of choice and edit files. Save your changes and the browser will update in real time!

Note: Due to an open bug you might need to run npm run clean if you run into an error when running npm start.