brittanychiang.com v4 VS squoosh

I am looking to create a personal website for my resume and recruiters, but I don't want to start from scratch. Do you guys have any recommendations with some github repo links of some templates I can use to get started? I want a template that uses Next.JS and Tailwind CSS. Some website designs that I like are https://v4.brittanychiang.com/ and https://www.craftz.dog/.

This is the second iteration of my personal portfolio website. I was inspired by the websites created by Brittany Chiang & Kenneth Jimmy. I made this website using Vue.js and Scss. I recently started learning Vue.js and decided to make a website with it. This is my website.

For example, if you claim a design is 100% your original design, don't get hostile when someone points out that it's not https://v4.brittanychiang.com/ and claim you don't see any similarity between your site and a commonly used portfolio template.

So you stole someone's website and claim it's yours? https://v4.brittanychiang.com/

You did a great job copying Brittany Chiang…

I recommend checking out this portfolio as an example for what looks good stylistically: https://brittanychiang.com

This one https://brittanychiang.com/ is brought up a lot, and cloned by (IMHO) not-very-original folks. I think the overall design and layout is spot on, but it could use a bit more personality and more bio of a person. Same with this one too: https://seb-graf.com/ Overall great, but lacking personality and personal presence.

So I'd probably credit the original designer of this portfolio design... https://brittanychiang.com/

Here's another handy tool that I use: https://squoosh.app/

Squoosh: A webpage that allows you to quickly optimize images for your blog.

One of the most complete image compressor out there, squoosh.app by Google, uses web assembly for decoding/encoding images and it works pretty well.

First off you want to shrink your images. Every mb your page is the more it will hurt your score. I use https://squoosh.app/

https://squoosh.app/

Having a quick look at squoosh, it uses lossy compression of webp by default.

Size images appropriately (https://squoosh.app/ can be used for this). Ideally, the size of the image should be kept below 100 KB.

if your images a large file size, remove them from the page, reduce file size, and place new reduced file size images in their place - publish the site to bring the new pics live - clear your cache - go the page and test it (good tool to reduce image file size is Google Squoosh - https://squoosh.app/ )

I'm just exporting normally from Figma, but then using squoosh.app (browser based) to adjust quality/compression and even for making sure png files are optimized for prod.

Hey I see your friend made a clan, but this guy found a workaround here if you still need it. I just used https://squoosh.app/ to basically save a new copy of the image and that worked