https://github.com/mririgoyen/irigoyen.dev

Code for www.irigoyen.dev.
https://github.com/mririgoyen/irigoyen.dev

netlify preact typescript

Last synced: about 1 month ago
JSON representation

Code for www.irigoyen.dev.

• Host: GitHub
• URL: https://github.com/mririgoyen/irigoyen.dev
• Owner: mririgoyen
• License: other
• Created: 2021-02-02T04:20:23.000Z (almost 4 years ago)
• Default Branch: main
• Last Pushed: 2023-03-14T16:15:21.000Z (over 1 year ago)
• Last Synced: 2024-04-14T07:52:01.829Z (7 months ago)
• Topics: netlify, preact, typescript
• Language: TypeScript
• Homepage: https://www.irigoyen.dev
• Size: 5.23 MB
• Stars: 0
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • Funding: .github/FUNDING.yml
  • License: LICENSE

Awesome Lists containing this project

README

        


  irigoyen.dev





  


    Built with Preact and TypeScript. Hosted with Netlify.

  

  


    

  

  


    

  



## Why Preact?

Knowing that my site was going to be mostly static content, I wanted to make sure the overall weight of the assets sent to my visitors was extremely small. Preact's size is right about 3KB (compared to React's 45KB).

Preact also has some nice tooling around pre-rendering built-in. In the case of this site, everything is pre-rendered. The JavaScript serves as an enhancement layer on top of the content; the site doesn't require JavaScript to be enabled to function properly.

## Why TypeScript? Why JavaScript at all?

Simply, more practice. React's ecosystem is something I am very comfortable with. I wanted to organize my code in familiar ways and have the ability to tap into some of the nicer pieces of React.

This was also my first major plunge into TypeScript. I haven't had an opportunity to use TypeScript in a professional setting yet, so I wanted to begin to get more familiar with its intricacies.

## Can I play with this repo?

Absolutely! Here's some key information to help you get started:

1. Clone this repository.

2. Run `npm install` to install the dependencies.

   - You should use Node v16 and NPM v8.

3. Run `npm run dev` to start the development server.

4. You can find the site at .

## Legal

© Copyright 2020-2022 Michael Irigoyen

I've spent a lot of time making my site personal to me. Feel free to mess around with the code as you want, but if you would like to reuse any of it for your own projects, please reach out to me for permission.