GyaanSetu WebDev

Frontend, backend and devops for the modern web.

460 articlesDeep, practical knowledge

Firebase Chat માં ડોક્યુમેન્ટ્સ કેવી રીતે અપલોડ કરવા

Firebase Chat માં ડોક્યુમેન્ટ્સ કેવી રીતે અપલોડ કરવા. સેલ્સ ટીમ માટે ચેટ એપ બનાવવામાં માત્ર ટેક્સ્ટ અને ઈમેજ કરતાં વધુની જરૂર પડે છે. ઓપરેટરોને ઘણીવાર PDF, વર્ડ ફાઇલો અને એક્સેલ શીટ શેર કરવાની જરૂર પડે છે...

WebDev · 2 min read

Firebase PWA માં નોટિફિકેશન સેન્ટર બનાવવું

Firebase PWA માં નોટિફિકેશન સેન્ટર બનાવવું. સેલ્સ ટીમનું સંચાલન કરવા માટે ઘણા સાધનોની જરૂર પડે છે. મારા કંટ્રોલ પેનલમાં FCM પુશ નોટિફિકેશન, ચેટ્સ, રિમાઇન્ડર્સ અને શેર કરેલ કેલેન્ડરનો ઉપયોગ કરવામાં આવતો હતો...

WebDev · 2 min read

ઇન્ટરેક્ટિવ એપ ગાઈડ બનાવવી

ઇન્ટરેક્ટિવ એપ ગાઈડ બનાવવી. સપોર્ટ ટીમોને ઘણીવાર એવી એપ્સનો ઉપયોગ કરવામાં મુશ્કેલી પડે છે જે તેમણે ક્યારેય ઇન્સ્ટોલ કરી હોતી નથી. PDF મેન્યુઅલ એ ખરાબ ઉકેલ છે કારણ કે તેને કોઈ વાંચતું નથી. મેં એક એવું ટૂલ બનાવ્યું છે જે...

WebDev · 2 min read

Monorepo ETL માટે 4 GitHub Actions પેટર્ન

Monorepo ETL માટે 4 GitHub Actions પેટર્ન. એક જ monorepo માંથી ત્રણ સાઇટ્સ ચલાવવાથી સમસ્યાઓ ઊભી થાય છે. તમારે ત્રણ અલગ-અલગ ETL જોબ્સ, ત્રણ કન્ટેન્ટ રીબિલ્ડ્સ અને ત્રણ ડિપ્લોયમેન્ટ... નો સામનો કરવો પડે છે.

WebDev · 2 min read

LLMS.TX: તમારી વેબસાઇટને તેની જરૂર શા માટે છે

LLMS.TX: તમારી વેબસાઇટને તેની જરૂર શા માટે છે. ChatGPT અને Perplexity જેવા AI સર્ચ એન્જિન લોકો માહિતી શોધવાની રીત બદલી રહ્યા છે. તમારી વેબસાઇટની વિઝિબિલિટી જાળવી રાખવા માટે, તમારી વેબસાઇટને એક નવા સાધનની જરૂર છે: એક llms...

WebDev · 2 min read

Has એ પેરેન્ટ સિલેક્ટર નથી. તે JavaScript ને ડિલીટ કરે છે.

Has એ પેરેન્ટ સિલેક્ટર નથી. તે JavaScript ને ડિલીટ કરે છે. તમારા કોડમાં classList.toggle શોધો. તમને કદાચ આ જ પેટર્નના ઘણા ઉદાહરણો જોવા મળશે. જ્યારે કોઈ યુઝર ચેકબોક્સ પર ક્લિક કરે છે અથવા ફોકસ કરે છે...

WebDev · 2 min read

અદ્રશ્ય ફ્રન્ટએન્ડ: નાની બાબતો જે તમારા પ્રોડક્ટને બચાવે છે

અદ્રશ્ય ફ્રન્ટએન્ડ: નાની બાબતો જે તમારા પ્રોડક્ટને બચાવે છે. શ્રેષ્ઠ ફ્રન્ટએન્ડ કામ ક્યારેય ડેમોમાં દેખાતું નથી. લોકો તેના સ્ક્રીનશોટ લેતા નથી. પરંતુ આ કામ વગર, વપરાશકર્તાઓ...

WebDev · 2 min read

GPT Image 2: તે કયો નોડ ડિલીટ કરે છે?

GPT Image 2: તે કયો નોડ ડિલીટ કરે છે? નવા ઈમેજ મોડલ્સ ઘણીવાર આકર્ષક ડેમો સાથે આવે છે. બિલ્ડર્સ એ આ હાઈપને અવગણવી જોઈએ. ડેમો એ નિર્માણનો નિર્ણય નથી. તેના બદલે, એક પ્રશ્ન પૂછો:…

WebDev · 2 min read

૨૦૨૬ માં મેં મારું AI કોડિંગ ટૂલ કેવી રીતે પસંદ કર્યું

૨૦૨૬ માં મેં મારું AI કોડિંગ ટૂલ કેવી રીતે પસંદ કર્યું. AI કોડિંગ આસિસ્ટન્ટ પસંદ કરવું એ દેખાવ કરતા વધુ મુશ્કેલ છે. માર્કેટિંગ દરેક ટૂલને એકસરખું બતાવે છે. તમને સાચા તફાવત ત્યારે જ સમજાય છે જ્યારે તમે...

WebDev · 2 min read

Cloudflare ના નવા AI ક્રોલર કંટ્રોલ્સ

Cloudflare ના નવા AI ક્રોલર કંટ્રોલ્સ. વેબસાઇટ ટ્રાફિક બદલાઈ રહ્યો છે. ભૂતકાળમાં, સર્ચ એન્જિન લોકોને તમને શોધવામાં મદદ કરવા માટે તમારી સાઇટને ક્રોલ કરતા હતા. તે એક સરળ વ્યવહાર હતો. AI એ આને ઘણું...

WebDev · 2 min read

મેં મારું પોતાનું ટનલિંગ પ્લેટફોર્મ બનાવ્યું

મેં મારું પોતાનું ટનલિંગ પ્લેટફોર્મ બનાવ્યું. મેં મારા લેપટોપ પર એક વેબ એપને સુધારવામાં ત્રણ દિવસ વિતાવ્યા. તે એકદમ પરફેક્ટ લાગતું હતું. પછી મેં તેને મારા ફોન પર ટેસ્ટ કરવાનો પ્રયાસ કર્યો. બધું બગડી ગયું. લોકલ ડેવલપમેન્ટ...

WebDev · 2 min read

MERN સ્ટેક ડેવલપર રોડમેપ

MERN સ્ટેક ડેવલપર રોડમેપ. વેબ ડેવલપમેન્ટ માટે MERN સ્ટેક એ શ્રેષ્ઠ પસંદગી છે. તે તમને માત્ર એક જ ભાષા: JavaScript નો ઉપયોગ કરીને ફૂલ સ્ટેક એપ્લિકેશન્સ બનાવવાની મંજૂરી આપે છે. MERN નો અર્થ છે...

WebDev · 2 min read

આંતરિક સંવાદને માત્ર એચઆર (HR) કાર્ય તરીકે જોવાનું બંધ કરો

આંતરિક સંવાદને માત્ર એચઆર (HR) કાર્ય તરીકે જોવાનું બંધ કરો. બે કંપનીઓ એક જ દિવસે સમાન ઉત્પાદન લોન્ચ કરે છે. બંને પાસે ઉત્તમ ડેવલપર્સ છે. છ મહિના પછી, એક કંપનીનો વિકાસ થાય છે જ્યારે બીજી...

WebDev · 2 min read

LLM + RAG + Function Calling એ AI એજન્ટ નથી

LLM + RAG + Function Calling એ AI એજન્ટ નથી. ઘણા લોકો LLM, RAG અને function calling નો ઉપયોગ કરતી કોઈપણ એપ્લિકેશનને AI એજન્ટ તરીકે ઓળખે છે. આ ખોટું છે. આ સાધનો ક્ષમતા ઉમેરે છે...

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, ડુપ્લીકેશન, અને પ્રી-સાઈન્ડ URL

AWS નવા શીખનારાઓ માટે: S3, ડુપ્લીકેશન, અને પ્રી-સાઈન્ડ URL. રમકડા જેવી એપ્સ બનાવવાનું બંધ કરો. પ્રોડક્શન સિસ્ટમ્સ બનાવવાનું શરૂ કરો. જો તમારું સર્વર ડિસ્પોઝેબલ હોય, તો તમારી ફાઇલો તેના ડિસ્કમાં રહી શકતી નથી.…

WebDev · 2 min read

મેં મારી પોર્ટફોલિયો વેબસાઇટ કેવી રીતે ઓપ્ટિમાઇઝ કરી

મેં મારી પોર્ટફોલિયો વેબસાઇટ કેવી રીતે ઓપ્ટિમાઇઝ કરી. તમારો પોર્ટફોલિયો એ તમારી પ્રથમ છાપ છે. જો તે ધીમેથી લોડ થાય અથવા Google પર દેખાવામાં નિષ્ફળ જાય, તો તમે તકો ગુમાવો છો. મેં મારી સાઇટને સ્પી...

WebDev · 2 min read

મેમ્બરશિપ દ્વારા સુરક્ષિત વર્ડપ્રેસ સાઇટ્સ માટે સર્ચ મોડલ બનાવવું

મેમ્બરશિપ દ્વારા સુરક્ષિત વર્ડપ્રેસ સાઇટ્સ માટે સર્ચ મોડલ બનાવવું. મોટાભાગના વર્ડપ્રેસ સર્ચ ટ્યુટોરિયલ્સ હેડરમાં વિજેટ ઉમેર્યા પછી અટકી જાય છે. જ્યારે તમારી પાસે 'p...' જેવી સુરક્ષિત સામગ્રી હોય ત્યારે આ પદ્ધતિ નિષ્ફળ જાય છે...

WebDev · 2 min read

5 REST API ભૂલો જેના કારણે મેં મારા વપરાશકર્તાઓ ગુમાવ્યા

5 REST API ભૂલો જેના કારણે મેં મારા વપરાશકર્તાઓ ગુમાવ્યા. ત્રણ વર્ષ પહેલાં, મેં મારું પહેલું પબ્લિક API બનાવ્યું હતું. મને લાગ્યું કે તે એક વીકેન્ડમાં પૂરું થઈ ગયું છે. મેં વપરાશકર્તાઓ આવવાની રાહ જોઈ. તેઓ આવ્યા. પછી તેઓ...

WebDev · 2 min read

ઓથોરાઈઝેશન બગ્સ શોધવા માટે AI નો ઉપયોગ

ઓથોરાઈઝેશન બગ્સ શોધવા માટે AI નો ઉપયોગ. બગ બાઉન્ટી પ્રોગ્રામ્સ બદલાઈ રહ્યા છે. કેટલાક પ્રોગ્રામ્સ ઈનામ આપવાનું બંધ કરી દીધું છે. અન્ય પ્રોગ્રામ્સ ચૂકવણીમાં 80% નો ઘટાડો કર્યો છે. તેનું કારણ એ નથી કે AI ઘણા બધા બગ શોધી કાઢે છે...

WebDev · 2 min read

યોગ્ય વેબ રેન્ડરિંગ વ્યૂહરચના પસંદ કરવી

યોગ્ય વેબ રેન્ડરિંગ વ્યૂહરચના પસંદ કરવી. વેબ ડેવલપમેન્ટમાં સ્પીડ અને ઇન્ટરેક્ટિવિટી ઘણીવાર એકબીજા સાથે ટકરાય છે. જો તમે ફક્ત પેજ કેટલું ઝડપી દેખાય છે તેના પર જ ધ્યાન આપશો, તો તમે તેના અનુભવને બગાડી શકો છો...

WebDev · 2 min read

સ્ટ્રાઈપ વેબહુક્સ તરફથી બહુભાષી ઈમેલ

સ્ટ્રાઈપ વેબહુક્સ તરફથી બહુભાષી ઈમેલ. SaaS ને વૈશ્વિક સ્તરે સ્કેલ કરવામાં કેટલાક છુપા જોખમો હોય છે. અમને અમારા સ્ટ્રાઈપ વેબહુક્સમાં એક એવું જોખમ જોવા મળ્યું. અમારી સિસ્ટમ દ્વારા ખરીદીની પુષ્ટિ, રિન્યુઅલ અને નિષ્ફળતા...

WebDev · 2 min read

TypeScript છેલ્લો ઓવરલોડ તારવે છે

TypeScript છેલ્લો ઓવરલોડ તારવે છે. જ્યારે તમે ઓવરલોડેડ ફંક્શન્સનો ઉપયોગ કરો છો ત્યારે TypeScript નું એક ચોક્કસ વર્તન હોય છે. જ્યારે તમે ઓવરલોડેડ ફંક્શનમાંથી પ્રકાર (type) તારવવાનો પ્રયાસ કરો છો, ત્યારે TypeScript ફક્ત...

WebDev · 2 min read