https://github.com/logan-anderson/logan.codes

https://github.com/logan-anderson/logan.codes

blog javascript nextjs tinacms typescript vercel

Last synced: 12 days ago
JSON representation

• Host: GitHub
• URL: https://github.com/logan-anderson/logan.codes
• Owner: logan-anderson
• Created: 2020-05-29T19:56:44.000Z (over 4 years ago)
• Default Branch: master
• Last Pushed: 2024-09-17T22:38:13.000Z (about 2 months ago)
• Last Synced: 2024-10-14T03:43:18.817Z (26 days ago)
• Topics: blog, javascript, nextjs, tinacms, typescript, vercel
• Language: TypeScript
• Homepage: https://logan.codes
• Size: 18.8 MB
• Stars: 24
• Watchers: 2
• Forks: 7
• Open Issues: 9
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# My Blog

![Lighthouse Accessibility Badge](./test_results/lighthouse_accessibility.svg)

![Lighthouse Performance Badge](./test_results/lighthouse_performance.svg)

![Lighthouse PWA Badge](./test_results/lighthouse_pwa.svg)

![Lighthouse SEO Badge](./test_results/lighthouse_seo.svg)

This is my personal blog, you can check out the live [version here](https://logan.codes). I write about web development, math and anything I find interesting. You can also check out my personal projects and see that I am currently working on.

## Tech Stack

- [React](https://reactjs.org/)

- [NextJS](https://nextjs.org/)

- [Tailwind CSS](https://tailwindcss.com/)

- [Markdown](https://logan.codes/blog/markdown)

## Features

### Build time

This website is build with [nextjs](https://nextjs.org/) (v10) and is compiled to static html. At build time my blog posts (written in markdown) are fetched from the file system and the projects readme files are fetched from github (markdown). This information is then rendered into html using [react-markdown](https://www.npmjs.com/package/react-markdown)

### RSS feed

When build this sets generates an RSS feed by looking at the markdown files it has in its content folder

### TinaCMS

If you [are on the site](https://logan.codes) you will notice a button at the bottom of the page that says "See spelling errors? Click here to edit the site". When clicked this button allows one to log in with there github, make new branch, and edit the sites content in github (pretty cool). Everything is editable on the site its self so no need to look at a backend CMS. Just simply edit the page inline.

## Running locally

Dev Mode

```bash

yarn dev

```

Build the site

```bash

yarn build

```

Start the local server

```

yarn start

```