Daily dose of web development. Managed by @csaba_kissi

Joined December 2021
WebDeveloperMentor retweeted
CI/CD, explained in one belt 🏭 📦 Commit lands → Source triggers the pipeline 🔨 Build compiles it into an artefact 🧪 Tests run — red stops the line 👀 Staging gets the dry run 🚀 Deploy ships it to production Then the next commit starts it all over again.
3
2
1
7
1,227
WebDeveloperMentor retweeted
Cline
@clineSep 4
28
36
5
139
54,229
WebDeveloperMentor retweeted
81 free text effects are now included in text-effects.colorion.co 🙌
13
35
1
294
16,392
WebDeveloperMentor retweeted
a little UI/UX exploration for today🤌
28
5
1
266
7,409
WebDeveloperMentor retweeted
5 Open-source and free apps for coders kickresu.me/GwvqIm4 - Optimize your resume for ATS scanners openworklabs.com - Open-source alternative to Claude Cowork rk-ui.com - Unstyled UI components for React, Vue, Svelte github.com/lllyasviel/Fooocu… - Open-source Midjourney alternative instatic.com - Open-source alternative to Webflow, Framer
23
13
1
106
9,920
WebDeveloperMentor retweeted
A new laptop for a coder in 2026
🤖 Made with AI
13
3
65
8,315
WebDeveloperMentor retweeted
Open-source and free apps for coders kickresu.me/GwvqIm4 - Optimize your resume domain-sdk.dev - Open-source TypeScript SDK for customer domains pixelpoint.io/skills/animate… - Text animations for AI workflows canvasui.dev - Open-source HTML-in-canvas WebGL components colors-visualizer.vercel.app - Visual preview of color palettes
20
16
124
12,509
WebDeveloperMentor retweeted
Load balancers distribute incoming traffic across multiple servers to improve performance, scalability, and availability. ⚖️ But how does a load balancer decide which server receives the next request? That depends on the algorithm: 🔄 Round Robin Requests are sent to each server in order. Best for: servers with similar capacity simple, predictable traffic stateless applications ⚖️ Weighted Round Robin More powerful servers receive a larger share of requests. Best for: mixed server sizes gradual infrastructure upgrades uneven processing capacity 👥 Least Connections The next request goes to the server with the fewest active connections. Best for: - long-lived sessions - WebSocket connections - workloads with uneven request duration 🏋️ Weighted Least Connections Combines active connection counts with each server’s capacity. Best for: servers with different specifications uneven workloads capacity-aware routing 📍 IP Hash The client’s IP address determines which server handles the request. Best for: sticky sessions keeping a user on the same server applications storing local session state ⚡ Least Response Time Routes traffic to the fastest-responding server, often while also considering active connections. Best for: - latency-sensitive applications - performance-focused APIs - systems with strong monitoring 🎲 Random Selects a server randomly. Best for: - simple systems - roughly equal servers - lightweight traffic distribution #️⃣ Consistent Hashing Routes requests using a stable hash key and minimizes remapping when servers are added or removed. Best for: - distributed caches - sharded data - systems where routing consistency matters Important concepts also include: ❤️ Health checks - avoid unhealthy servers 👤 Sticky sessions - keep users on one server 📊 Capacity weighting - send more traffic to stronger servers 🔍 Observability - monitor latency, errors, connections, and throughput
6
3
19
754
WebDeveloperMentor retweeted
Microservices can improve scalability and team autonomy, but only when they are designed carefully. 🚀 Here are 12 practical tips: 1️⃣ Design around business capabilities Each service should solve one clear business problem. 2️⃣ Keep services independent Minimize tight dependencies, shared libraries, and shared databases. 3️⃣ Let each service own its data Separate ownership reduces coupling and makes services easier to evolve. 4️⃣ Communicate through clear APIs Use simple, documented, and versioned contracts. 5️⃣ Choose technology by workload Different services may need different languages, frameworks, or databases. 6️⃣ Build for failure Use timeouts, retries, circuit breakers, and graceful fallbacks. 7️⃣ Observe everything Centralize logs, metrics, and traces so problems can be found quickly. 8️⃣ Automate everything Use CI/CD to build, test, scan, and deploy every service consistently. 9️⃣ Secure by design Protect APIs, manage secrets properly, and apply least-privilege access. 🔟 Deploy services independently A change to one service should not require redeploying the whole system. 1️⃣1️⃣ Version your services Maintain backward compatibility so updates do not break consumers. 1️⃣2️⃣ Start small and evolve Do not split every feature into a service too early. The most important rule: Microservices are not the goal. They are a tool for delivering business value, resilience, scalability, and a better developer experience. ⚙️
4
11
40
1,066
WebDeveloperMentor retweeted
Open-source and free apps for coders tablericons.com - 5000+ Open-source SVG icons animatedbuttons.colorion.co - Open-source CSS animated buttons component.gallery - 60 components, 2,671 examples. originkit.dev - Free motion effects github.com/anelkabag/bag-ui - Open-source modern UI components
29
101
4
698
64,903
WebDeveloperMentor retweeted
Docker isn't complicated. It just has a few concepts that click together. Learn them in this order: • 📄 Dockerfile → define your app • 📦 Image → reusable blueprint • 📦 Container → running instance • 💾 Volumes → persistent data • 🌐 Networks → service communication • 🐳 Docker Compose → multi-container apps • ☁️ Deployment → run anywhere Master these fundamentals first.
4
18
86
2,524
WebDeveloperMentor retweeted
🚨 Fable included until 12 July 🙌
9
1
1
36
5,669
WebDeveloperMentor retweeted
I just recreated my personal website. Created in Astro, hosted on Sevalla. What's your opinion? csabakissi.com
59
5
1
154
15,007
WebDeveloperMentor retweeted
Docker basics - how it works You write your app Code, dependencies, config, and a Dockerfile. You build an image `docker build` creates a read-only snapshot of your app. You run a container `docker run` starts a live, isolated instance from that image. Images are layered Base OS, dependencies, packages, and app code are stacked as reusable layers. Docker Engine runs it It uses OS features like namespaces and cgroups to isolate processes. Registries store images Use `docker push` to upload and `docker pull` to download images.
7
24
90
2,928
WebDeveloperMentor retweeted
Awesome free apps for coders. tracedr.com - Free domain rating tracker trackdomains.com - Free domain lookup monitoring replacements.fyi - Find a replacement for npm packages quarkdown.com - Open source Markdown-based typesetting system animate-ui.com - Animate your UI with React components
23
15
2
219
19,909
WebDeveloperMentor retweeted
A microservices architecture is not just a bunch of small services. It is a system in which each service owns a distinct part of the business. Typical flow: - Users come from web, mobile, or desktop apps - Static assets can be served through a CDN - Dynamic requests go through a load balancer - The API gateway routes traffic to the right service - Identity services handle authentication and access - Service discovery helps services find each other - Message brokers handle async communication - Each service can have its own database The main benefit: Teams can build, deploy, and scale services independently. The tradeoff: You need better observability, networking, coordination, and failure handling. Microservices give you flexibility.
5
12
1
72
2,940
WebDeveloperMentor retweeted
I created 6 side projects last week. A combination of the Codex, Claude code, and Devin. Most used models: Gpt5.5 and Opus 4.8 Tools: $20 + $20 + $15. Not sure if sustainable long term, as I hit limits sometimes. What do you use?
11
1
36
6,514
WebDeveloperMentor retweeted
Two fresh free projects you should know about: Tracedr.com - trace domain rank for any domain for free Sslradar.io - Free SSL Certificate Checker
13
7
45
6,938
WebDeveloperMentor retweeted
Must-know open-source tools for coders and developers kinetics.colorion.co - Open source CSS/React motion snippets with prompts ripplix.com - Largest UI Animation & Micro Interaction Library coverflow.ashishgogula.in- iOS-like Cover Flow for React. github.com/docker/awesome-co… - Docker compose samples gradientbuttons.colorion.co - Gradient buttons with hover effects
29
53
1
575
33,923
WebDeveloperMentor retweeted
migrating the Directify roadmap to a new service 👉 directify.featurenest.com @csaba_kissi is building something great here 🔥
3
4
25
2,006