GyaanSetu WebDev

Frontend, backend and devops for the modern web.

460 articlesDeep, practical knowledge

ਇੱਕ Firebase PWA ਵਿੱਚ ਨੋਟੀਫਿਕੇਸ਼ਨ ਸੈਂਟਰ ਬਣਾਉਣਾ

ਇੱਕ Firebase PWA ਵਿੱਚ ਨੋਟੀਫਿਕੇਸ਼ਨ ਸੈਂਟਰ ਬਣਾਉਣਾ। ਇੱਕ ਸੇਲਜ਼ ਟੀਮ ਦਾ ਪ੍ਰਬੰਧਨ ਕਰਨ ਲਈ ਕਈ ਸਾਧਨਾਂ ਦੀ ਲੋੜ ਹੁੰਦੀ ਹੈ। ਮੇਰੇ ਕੰਟਰੋਲ ਪੈਨਲ ਵਿੱਚ FCM ਪੁਸ਼ ਨੋਟੀਫਿਕੇਸ਼ਨ, ਚੈਟਸ, ਰੀਮਾਈਂਡਰ ਅਤੇ ਇੱਕ ਸਾਂਝਾ ਕੈਲੰਡਰ ਵਰਤੇ ਜਾਂਦੇ ਸਨ...

WebDev · 2 min read

ਇੱਕ ਇੰਟਰਐਕਟਿਵ ਐਪ ਗਾਈਡ ਤਿਆਰ ਕਰਨਾ

ਇੱਕ ਇੰਟਰਐਕਟਿਵ ਐਪ ਗਾਈਡ ਤਿਆਰ ਕਰਨਾ। ਸਪੋਰਟ ਟੀਮਾਂ ਨੂੰ ਅਕਸਰ ਉਦੋਂ ਮੁਸ਼ਕਲ ਆਉਂਦੀ ਹੈ ਜਦੋਂ ਉਹ ਅਜਿਹੀਆਂ ਐਪਾਂ ਦੀ ਵਰਤੋਂ ਕਰਦੀਆਂ ਹਨ ਜੋ ਉਨ੍ਹਾਂ ਨੇ ਕਦੇ ਇੰਸਟਾਲ ਨਹੀਂ ਕੀਤੀਆਂ। PDF ਮੈਨੂਅਲ ਇੱਕ ਮਾੜਾ ਹੱਲ ਹੈ ਕਿਉਂਕਿ ਕੋਈ ਵੀ ਉਨ੍ਹਾਂ ਨੂੰ ਨਹੀਂ ਪੜ੍ਹਦਾ। ਮੈਂ ਇੱਕ ਅਜਿਹਾ ਟੂਲ ਬਣਾਇਆ ਹੈ ਜੋ...

WebDev · 2 min read

LLMS.TX: WHY YOUR WEBSITE NEEDS IT

LLMS.TX: WHY YOUR WEBSITE NEEDS IT AI search engines like ChatGPT and Perplexity are changing how people find information. To stay visible, your website needs a new tool: an llms.…

WebDev · 2 min read

:has() ਇੱਕ ਪੇਰੈਂਟ ਸਲੈਕਟਰ ਨਹੀਂ ਹੈ। ਇਹ JavaScript ਨੂੰ ਖਤਮ ਕਰ ਦਿੰਦਾ ਹੈ।

:has() ਇੱਕ ਪੇਰੈਂਟ ਸਲੈਕਟਰ ਨਹੀਂ ਹੈ। ਇਹ JavaScript ਨੂੰ ਖਤਮ ਕਰ ਦਿੰਦਾ ਹੈ। ਆਪਣੇ ਕੋਡ ਵਿੱਚ classList.toggle ਲੱਭੋ। ਤੁਹਾਨੂੰ ਸ਼ਾਇਦ ਇੱਕੋ ਜਿਹੇ ਪੈਟਰਨ ਦੇ ਕਈ ਮਿਸਾਲਾਂ ਮਿਲਣਗੀਆਂ। ਇੱਕ ਯੂਜ਼ਰ ਚੈੱਕਬਾਕਸ 'ਤੇ ਕਲਿੱਕ ਕਰਦਾ ਹੈ ਜਾਂ ਫੋਕਸ ਕਰਦਾ ਹੈ...

WebDev · 2 min read

GPT Image 2: ਇਹ ਕਿਹੜਾ ਨੋਡ ਡਿਲੀਟ ਕਰਦਾ ਹੈ?

GPT Image 2: ਇਹ ਕਿਹੜਾ ਨੋਡ ਡਿਲੀਟ ਕਰਦਾ ਹੈ? ਨਵੇਂ ਇਮੇਜ ਮਾਡਲ ਅਕਸਰ ਚਮਕਦਾਰ ਡੈਮੋਸ ਦੇ ਨਾਲ ਆਉਂਦੇ ਹਨ। ਬਿਲਡਰਜ਼ ਨੂੰ ਹਾਈਪ ਨੂੰ ਨਜ਼ਰਅੰਦਾਜ਼ ਕਰਨਾ ਚਾਹੀਦਾ ਹੈ। ਇੱਕ ਡੈਮੋ ਬਿਲਡ ਕਰਨ ਦਾ ਫੈਸਲਾ ਨਹੀਂ ਹੁੰਦਾ। ਇਸ ਦੀ ਬਜਾਏ, ਇੱਕ ਸਵਾਲ ਪੁੱਛੋ:…

WebDev · 2 min read

How I Chose My AI Coding Tool in 2026

How I Chose My AI Coding Tool in 2026 Picking an AI coding assistant is harder than it looks. Marketing makes every tool sound the same. You only see the real differences when you…

WebDev · 2 min read

Cloudflare ਦੇ ਨਵੇਂ AI ਕ੍ਰੌਲਰ ਕੰਟਰੋਲ

Cloudflare ਦੇ ਨਵੇਂ AI ਕ੍ਰੌਲਰ ਕੰਟਰੋਲ। ਵੈੱਬਸਾਈਟ ਟ੍ਰੈਫਿਕ ਬਦਲ ਰਿਹਾ ਹੈ। ਪਹਿਲਾਂ, ਸਰਚ ਇੰਜਣ ਲੋਕਾਂ ਨੂੰ ਤੁਹਾਨੂੰ ਲੱਭਣ ਵਿੱਚ ਮਦਦ ਕਰਨ ਲਈ ਤੁਹਾਡੀ ਸਾਈਟ ਨੂੰ ਕ੍ਰੌਲ ਕਰਦੇ ਸਨ। ਇਹ ਇੱਕ ਸਧਾਰਨ ਸੌਦਾ ਸੀ। AI ਨੇ ਇਸ ਨੂੰ ਬਹੁਤ...

WebDev · 2 min read

ਮੈਂ ਆਪਣਾ ਖੁਦ ਦਾ ਟਨਲਿੰਗ ਪਲੇਟਫਾਰਮ ਬਣਾਇਆ

ਮੈਂ ਆਪਣਾ ਖੁਦ ਦਾ ਟਨਲਿੰਗ ਪਲੇਟਫਾਰਮ ਬਣਾਇਆ। ਮੈਂ ਆਪਣੇ ਲੈਪਟਾਪ 'ਤੇ ਇੱਕ ਵੈੱਬ ਐਪ ਨੂੰ ਨਿਖਾਰਨ ਵਿੱਚ ਤਿੰਨ ਦਿਨ ਲਗਾਏ। ਇਹ ਬਿਲਕੁਲ ਸਹੀ ਲੱਗ ਰਹੀ ਸੀ। ਫਿਰ ਮੈਂ ਇਸਨੂੰ ਆਪਣੇ ਫ਼ੋਨ 'ਤੇ ਟੈਸਟ ਕਰਨ ਦੀ ਕੋਸ਼ਿਸ਼ ਕੀਤੀ। ਸਭ ਕੁਝ ਵਿਗੜ ਗਿਆ। ਲੋਕਲ ਡਿਵੈਲਪਮੈਂਟ...

WebDev · 2 min read

MERN Stack Developer Roadmap

MERN Stack Developer Roadmap The MERN stack is a top choice for web development. It allows you to build full stack applications using only one language: JavaScript. MERN stands fo…

WebDev · 2 min read

ਅੰਦਰੂਨੀ ਸੰਚਾਰ ਨੂੰ ਸਿਰਫ਼ ਇੱਕ HR ਕੰਮ ਵਜੋਂ ਦੇਖਣਾ ਬੰਦ ਕਰੋ

ਅੰਦਰੂਨੀ ਸੰਚਾਰ ਨੂੰ ਸਿਰਫ਼ ਇੱਕ HR ਕੰਮ ਵਜੋਂ ਦੇਖਣਾ ਬੰਦ ਕਰੋ। ਦੋ ਕੰਪਨੀਆਂ ਇੱਕੋ ਦਿਨ ਇੱਕੋ ਜਿਹਾ ਉਤਪਾਦ ਲਾਂਚ ਕਰਦੀਆਂ ਹਨ। ਦੋਵਾਂ ਕੋਲ ਵਧੀਆ ਡਿਵੈਲਪਰ ਹਨ। ਛੇ ਮਹੀਨਿਆਂ ਬਾਅਦ, ਇੱਕ ਕੰਪਨੀ ਵਧਦੀ ਹੈ ਜਦੋਂ ਕਿ ਦੂਜੀ...

WebDev · 2 min read

Firestore JOIN ਦਾ ਜਾਲ

Firestore JOIN ਦਾ ਜਾਲ। ਤੁਸੀਂ Firestore ਦੀ ਇੱਕ ਆਮ ਸਮੱਸਿਆ ਦਾ ਸਾਹਮਣਾ ਕਰ ਰਹੇ ਹੋ। ਤੁਹਾਡਾ Firebase ਫੰਕਸ਼ਨ maximum batch size ਦੀ ਗਲਤੀ (error) ਦਿੰਦਾ ਹੈ। ਤੁਹਾਨੂੰ ਇੱਕ ਡੈਸ਼ਬੋਰਡ ਲਈ ਆਰਡਰਾਂ ਅਤੇ ਗਾਹਕਾਂ ਨੂੰ ਜੋੜਨ ਦੀ ਲੋੜ ਹੈ। ਤੁਸੀਂ...

WebDev · 2 min read

ਟੈਸਟ ਜਨਰੇਸ਼ਨ ਲਈ AI: ਇਹ ਕਿੱਥੇ ਮਦਦ ਕਰਦਾ ਹੈ ਅਤੇ ਕਿੱਥੇ ਧੋਖਾ ਦਿੰਦਾ ਹੈ

ਟੈਸਟ ਜਨਰੇਸ਼ਨ ਲਈ AI: ਇਹ ਕਿੱਥੇ ਮਦਦ ਕਰਦਾ ਹੈ ਅਤੇ ਕਿੱਥੇ ਧੋਖਾ ਦਿੰਦਾ ਹੈ। AI ਤੇਜ਼ੀ ਨਾਲ ਟੈਸਟ ਲਿਖਦਾ ਹੈ। ਇਹ ਅਜਿਹੇ ਟੈਸਟ ਵੀ ਲਿਖਦਾ ਹੈ ਜੋ ਅਸਲੀ ਲੱਗਦੇ ਹਨ ਪਰ ਗਲਤ ਚੀਜ਼ਾਂ ਦੀ ਜਾਂਚ ਕਰਦੇ ਹਨ। ਤੁਸੀਂ ਇੱਕ ਫੰਕਸ਼ਨ AI ਵਿੱਚ ਪੇਸਟ ਕਰਦੇ ਹੋ। ਇਹ...

WebDev · 2 min read

AWS ਨਵੇਂ ਸਿੱਖਣ ਵਾਲਿਆਂ ਲਈ: S3, ਡਿਡੂਪਲੀਕੇਸ਼ਨ, ਅਤੇ ਪ੍ਰੀਸਾਈਨਡ URLS

AWS ਨਵੇਂ ਸਿੱਖਣ ਵਾਲਿਆਂ ਲਈ: S3, ਡਿਡੂਪਲੀਕੇਸ਼ਨ, ਅਤੇ ਪ੍ਰੀਸਾਈਨਡ URLS। ਖਿਡੌਣਾ ਐਪਸ ਬਣਾਉਣਾ ਬੰਦ ਕਰੋ। ਪ੍ਰੋਡਕਸ਼ਨ ਸਿਸਟਮ ਬਣਾਉਣਾ ਸ਼ੁਰੂ ਕਰੋ। ਜੇਕਰ ਤੁਹਾਡਾ ਸਰਵਰ ਡਿਸਪੋਜ਼ੇਬਲ ਹੈ, ਤਾਂ ਤੁਹਾਡੀਆਂ ਫਾਈਲਾਂ ਇਸਦੀ ਡਿਸਕ 'ਤੇ ਨਹੀਂ ਰਹਿ ਸਕਦੀਆਂ।...

WebDev · 2 min read

ਮੈਂ ਆਪਣੀ ਪੋਰਟਫੋਲੀਓ ਵੈੱਬਸਾਈਟ ਨੂੰ ਕਿਵੇਂ ਆਪਟੀਮਾਈਜ਼ ਕੀਤਾ

ਮੈਂ ਆਪਣੀ ਪੋਰਟਫੋਲੀਓ ਵੈੱਬਸਾਈਟ ਨੂੰ ਕਿਵੇਂ ਆਪਟੀਮਾਈਜ਼ ਕੀਤਾ। ਤੁਹਾਡਾ ਪੋਰਟਫੋਲੀਓ ਤੁਹਾਡਾ ਪਹਿਲਾ ਪ੍ਰਭਾਵ ਹੁੰਦਾ ਹੈ। ਜੇਕਰ ਇਹ ਹੌਲੀ ਲੋਡ ਹੁੰਦੀ ਹੈ ਜਾਂ ਗੂਗਲ 'ਤੇ ਦਿਖਾਈ ਨਹੀਂ ਦਿੰਦੀ, ਤਾਂ ਤੁਸੀਂ ਮੌਕੇ ਗੁਆ ਸਕਦੇ ਹੋ। ਮੈਂ ਆਪਣੀ ਸਾਈਟ ਨੂੰ ਸਪੀਡ ਲਈ ਆਪਟੀਮਾਈਜ਼ ਕੀਤਾ...

WebDev · 2 min read

5 REST API ਗਲਤੀਆਂ ਜਿਨ੍ਹਾਂ ਕਰਕੇ ਮੈਂ ਆਪਣੇ ਯੂਜ਼ਰਸ ਗੁਆ ਦਿੱਤੇ

5 REST API ਗਲਤੀਆਂ ਜਿਨ੍ਹਾਂ ਕਰਕੇ ਮੈਂ ਆਪਣੇ ਯੂਜ਼ਰਸ ਗੁਆ ਦਿੱਤੇ। ਤਿੰਨ ਸਾਲ ਪਹਿਲਾਂ, ਮੈਂ ਆਪਣੀ ਪਹਿਲੀ ਪਬਲਿਕ API ਬਣਾਈ ਸੀ। ਮੈਨੂੰ ਲੱਗਿਆ ਕਿ ਇਹ ਇੱਕ ਵੀਕੈਂਡ ਵਿੱਚ ਪੂਰੀ ਹੋ ਗਈ ਹੈ। ਮੈਂ ਯੂਜ਼ਰਸ ਦੇ ਆਉਣ ਦਾ ਇੰਤਜ਼ਾਰ ਕੀਤਾ। ਉਹ ਆਏ। ਫਿਰ ਉਹਨਾਂ ਨੇ...

WebDev · 2 min read

ਅਥੋਰਾਈਜ਼ੇਸ਼ਨ ਬੱਗਸ ਲੱਭਣ ਲਈ AI ਦੀ ਵਰਤੋਂ ਕਰਨਾ

ਅਥੋਰਾਈਜ਼ੇਸ਼ਨ ਬੱਗਸ ਲੱਭਣ ਲਈ AI ਦੀ ਵਰਤੋਂ ਕਰਨਾ। ਬੱਗ ਬਾਊਂਟੀ ਪ੍ਰੋਗਰਾਮ ਬਦਲ ਰਹੇ ਹਨ। ਕੁਝ ਪ੍ਰੋਗਰਾਮਾਂ ਨੇ ਇਨਾਮ ਦੇਣਾ ਬੰਦ ਕਰ ਦਿੱਤਾ ਹੈ। ਦੂਜਿਆਂ ਨੇ ਭੁਗਤਾਨ ਵਿੱਚ 80% ਦੀ ਕਟੌਤੀ ਕੀਤੀ ਹੈ। ਕਾਰਨ ਇਹ ਨਹੀਂ ਹੈ ਕਿ AI ਬਹੁਤ ਸਾਰੇ ਬੱਗ ਲੱਭ ਰਿਹਾ ਹੈ...

WebDev · 2 min read

Choosing The Right Web Rendering Strategy

Choosing The Right Web Rendering Strategy Speed and interactivity often fight each other in web development. If you focus only on how fast a page looks, you might ruin how it feel…

WebDev · 2 min read

Multilingual Emails From Stripe Webhooks

Multilingual Emails From Stripe Webhooks Scaling a SaaS globally has hidden traps. We found one in our Stripe webhooks. Our system sent purchase confirmations, renewals, and failu…

WebDev · 2 min read

TypeScript Infers the Last Overload

TypeScript Infers the Last Overload TypeScript has a specific behavior when you use overloaded functions. When you try to infer a type from an overloaded function, TypeScript only…

WebDev · 2 min read