I finally understand how large language models actually work
After reading the 2025 textbook “Foundations of LLMs”
It blew my mind and cleared up years of confusion
Here’s everything i learned (in plain english):
Adding Google Analytics 4 to a Next JS 14 App (App Router). GDPR Compliant with Opt-In Cookie🍪.
Had a hard time getting it to work correctly. Hope it saves you some time!
Let's start...
Root Layout
It has the Google Analytics and Banner components. The former is wrapped in suspense because the component uses client only "stuff".
Where it says GA_MEASUREMENT_ID enter your Google Analytics tracking code.
You can now deploy FastHTML projects to Vercel with zero configuration.
FastHTML is a new Python framework for fast, scalable web applications with minimal, compact code. It builds on top of popular foundations like ASGI and HTMX.
https://t.co/cv5GXa3lCu
Learn about the hidden cost with JavaScript runtimes.
By optimizing package imports, we’ve seen 40% faster cold boots when using libraries with many barrel files.
https://t.co/3nyVYyvtjd
Explaining 8 Popular Network Protocols in 1 Diagram. The method to download the high-resolution PDF is available at the end.
Network protocols are standard methods of transferring data between two computers in a network.
1. HTTP (HyperText Transfer Protocol)
HTTP is a protocol for fetching resources such as HTML documents. It is the foundation of any data exchange on the Web and it is a client-server protocol.
2. HTTP/3
HTTP/3 is the next major revision of the HTTP. It runs on QUIC, a new transport protocol designed for mobile-heavy internet usage. It relies on UDP instead of TCP, which enables faster web page responsiveness. VR applications demand more bandwidth to render intricate details of a virtual scene and will likely benefit from migrating to HTTP/3 powered by QUIC.
3. HTTPS (HyperText Transfer Protocol Secure)
HTTPS extends HTTP and uses encryption for secure communications.
4. WebSocket
WebSocket is a protocol that provides full-duplex communications over TCP. Clients establish WebSockets to receive real-time updates from the back-end services. Unlike REST, which always “pulls” data, WebSocket enables data to be “pushed”. Applications, like online gaming, stock trading, and messaging apps leverage WebSocket for real-time communication.
5. TCP (Transmission Control Protocol)
TCP is is designed to send packets across the internet and ensure the successful delivery of data and messages over networks. Many application-layer protocols build on top of TCP.
6. UDP (User Datagram Protocol)
UDP sends packets directly to a target computer, without establishing a connection first. UDP is commonly used in time-sensitive communications where occasionally dropping packets is better than waiting. Voice and video traffic are often sent using this protocol.
7. SMTP (Simple Mail Transfer Protocol)
SMTP is a standard protocol to transfer electronic mail from one user to another.
8. FTP (File Transfer Protocol)
FTP is used to transfer computer files between client and server. It has separate connections for the control channel and data channel.
–
Subscribe to our newsletter to download the high-resolution PDF. After signing up, find the download link on the success page: https://t.co/keu1P0hhKI
Types of Memory and Storage
- The fundamental duo: RAM and ROM
- DDR4 and DDR5
- Firmware and BIOS
- SRAM and DRAM
- HDD, SSD, USB Drive, SD Card
–
Subscribe to our weekly newsletter to get a Free System Design PDF (158 pages): https://t.co/3QCfVgyEwT
Explaining JSON Web Token (JWT) to a 10 year old Kid.
Imagine you have a special box called a JWT. Inside this box, there are three parts: a header, a payload, and a signature.
The header is like the label on the outside of the box. It tells us what type of box it is and how it's secured. It's usually written in a format called JSON, which is just a way to organize information using curly braces { } and colons : .
The payload is like the actual message or information you want to send. It could be your name, age, or any other data you want to share. It's also written in JSON format, so it's easy to understand and work with.
Now, the signature is what makes the JWT secure. It's like a special seal that only the sender knows how to create. The signature is created using a secret code, kind of like a password. This signature ensures that nobody can tamper with the contents of the JWT without the sender knowing about it.
When you want to send the JWT to a server, you put the header, payload, and signature inside the box. Then you send it over to the server. The server can easily read the header and payload to understand who you are and what you want to do.
Over to you: When should we use JWT for authentication? What are some other authentication methods?
–
Subscribe to our weekly newsletter to get a Free System Design PDF (158 pages): https://t.co/4QcX8btXGL
URL, URI, URN - What are the differences?
The diagram below shows a comparison of URL, URI, and URN.
🔹 URI
URI stands for Uniform Resource Identifier. It identifies a logical or physical resource on the web. URL and URN are subtypes of URI. URL locates a resource, while URN names a resource.
A URI is composed of the following parts:
scheme:[//authority]path[?query][#fragment]
🔹 URL
URL stands for Uniform Resource Locator, the key concept of HTTP. It is the address of a unique resource on the web. It can be used with other protocols like FTP and JDBC.
🔹 URN
URN stands for Uniform Resource Name. It uses the urn scheme. URNs cannot be used to locate a resource. A simple example given in the diagram is composed of a namespace and a namespace-specific string.
If you would like to learn more detail on the subject, I would recommend W3C’s clarification.
–
Subscribe to our weekly newsletter to get a Free System Design PDF (158 pages): https://t.co/4QcX8btXGL
Many people don't know it, but ChatGPT can help you learn a new language.
You can turn it into your own personal teacher with just one prompt.
Here's how to learn a language easily using ChatGPT:
Announcing Deno KV: A Global Database for Global Apps! 🎉🌍
⚡ Read data in milliseconds, worldwide
🛠️ Zero setup and zero provisioning
🔐 ACID transactions
💡 Designed for JavaScript & TypeScript
🏗️ Built on FoundationDB and SQLite
Read more → https://t.co/XoRzT21dKs
@CherryJimbo A good case for composition.
Unfortunately, only a few React devs know about component composition.
Here's an easy guild to fix this mess
https://t.co/1D7loq0S9s
The example isn't unique to React