庭喵的出包星球 – Front End Developer's Note

default font size

Most browsers set 16px as the default font size. This is a universal web standard.

/* Check current root element size */
html {
    font-size: 16px;  /* default value */
}

/* Common adjustment method */
html {
    font-size: 62.5%;  /* sets root element to 10px (16px * 62.5% = 10px) */
}

如果預設是16px，從21px要換算成rem

21 ÷ 16 = 1.3125rem

這樣換算有點麻煩，所以有的人會直接把預設字型改成62.5%
那就只要這樣算就好了：

(21 ÷ 10 = 2.1)

Domain name 購買研究

想要搬家換成用VPS，但是又想要無縫接軌，先來買個domain name在那邊先建好好了…

https://tld-list.com
Domain name 比價

讀Next.js文件

貼一些讀文件的備註心得。

Rendering: Server Components | Next.js

Data Fetching: Server Components allow you to move data fetching to the server, closer to your data source. This can improve performance by reducing time it takes to fetch data needed for rendering, and the number of requests the client needs to make.

要跟DB要資料…當然是離DB越近越好⊙o⊙

Security: Server Components allow you to keep sensitive data and logic on the server, such as tokens and API keys, without the risk of exposing them to the client.

就像是保險箱一樣…機密的資料放在server更好。