web-dev-links

List of useful links to reference when building a website

Project Start/Planning

Deciding when to use CSR/SSR/SSG

• How To Pick a Framework
• https://medium.com/@prashantramnyc/server-side-rendering-ssr-vs-client-side-rendering-csr-vs-pre-rendering-using-static-site-89f2d05182ef

Starter Templates and Examples

• Vite Starter Templates
• BulletProof React Repo
• T3 Stack

Design

• Midjourney Generate Mocks
• Create landing page using drag and drop + tailwind
• https://lawsofux.com/
• https://www.smashingmagazine.com/2022/05/you-dont-need-ui-framework/
• Site Color Scheme
• Color Scheme Full Video
• Different UI states

Design Inspiration

• https://dribbble.com/
• https://www.behance.net/
• https://www.awwwards.com/

Architecture

AI

• Stack for building AI app

CSS

• React Tailwind Component Examples You can Copy paste
• Responsive Design Tutorial
• That weird thing where overflow doesnt work on flex items unless you set height:0
• Sticky Footer layout

Typescript

• https://medium.com/mintbean-io/how-i-organize-my-typescript-types-d9ae7f3ac30f