Modern web apps often use JWTs for stateless authentication. Access tokens have short lifetimes (minutes) while refresh tokens live longer (hours or days). To keep users logged in securely, you rotate (issue a new) refresh token on each use.


The Race Condition
Imagine two almost-simultaneous API calls:
Client calls /api/protected with an expired access token.
Server sees the refresh token is still valid, issues a new access token and a new refresh token.
Client receives the new tokens, stores them.
But—what if two identical requests raced to that refresh endpoint?Both see the old refresh token as valid, both get back tokens, but only the last one is truly valid server-side. The other “wins” on the token store and invalidates its peer.The client’s second response writes over the first, and whichever response arrives later will overwrite the client’s stored refresh token. If that one is the stale, already-revoked token, the next refresh fails and the user is logged out.


Why It Matters


User Friction: Unexpected logouts for users who simply “clicked twice”

Edge Bugs: Hard to reproduce, intermittent

Security: Orphaned refresh tokens can linger or be replayed



A Simple Mitigation: Skew Your Cookie Expiry
Instead of setting your refresh‐token cookie’s Expires exactly to match the JWT’s exp claim, subtract a small delta—say, 30 seconds:
⛶const REFRESH_TOKEN_LIFETIME = 60 * 60; // e.g. 1 hour in seconds
const COOKIE_SKEW_SECONDS = 30; // safety buffer

const refreshTokenExp = Date.now() + REFRESH_TOKEN_LIFETIME * 1000;
res.cookie('refresh_token', newRefreshToken, {
httpOnly: true,
secure: true,
sameSite: 'Strict',
expires: new Date(refreshTokenExp - COOKIE_SKEW_SECONDS * 1000),
});The browser will stop sending the cookie ~30 s before the server considers the token truly expired.It prevents the race where one “losing” request arrives after the cookie has already been dropped, so it never attempts to rotate again with a stale token.Picking the Right Delta
30 s–2 m buffer is usually plenty.
Longer if your network is high-latency or clients might queue multiple requests offline.



other posts:

Practicing politeness in javascript code
Timing attacks in node.js
Express.js honeypot
Legendary emails in node.js with MJML
Let's connect!!: ?LinkedIn
GitHub

Kuinka aloittaa web-kehityksen opiskelu vuonna 2025 (Aloittelijan opas)
Oletko joskus haaveillut siitä, että osaisit tehdä verkkosivuja tai sovelluksia?
Tai ehkä haluat työskennellä etänä web-kehittäjänä?Hyvä uutinen:Vuonna 2025 web-kehitykselle on valtava kysyntä!Mutta rehellisesti...Alku voi tuntua pelottavalta.
Liikaa kursseja, tutoriaaleja ja sekavia ohjeita.
Ehkä mietit, "Mistä ihmeestä aloitan?"Ei huolta.Tässä oppaassa käydään kaikki läpi, askel askeleelta, yksinkertaisesti ja ymmärrettävästi.


1. Mitä web-kehitys oikeastaan on?
Aloitetaan perusteista:Web-kehitys tarkoittaa verkkosivustojen ja -sovellusten rakentamista.
Se kattaa kaiken pienistä blogeista suuriin verkkokauppoihin ja somealustoihin.Web-kehityksessä on kaksi pääosaa:
Frontend (se, mitä käyttäjä näkee ja käyttää)
Backend (se, mitä tapahtuu kulissien takana)
Voit erikoistua joko etu- tai taustapuolelle — tai molempiin (full-stack).


2. Valitse polkusi
Ei tarvitse opetella kaikkea kerralla.
Valitse ensin yksi polku:→ Jos rakastat visuaalista suunnittelua:
Aloita frontend-kehityksestä.→ Jos nautit logiikasta ja tietokannoista:
Valitse backend-kehitys.Vinkki aloittelijoille:Aloita frontendistä — tulokset näkyvät nopeammin ja se motivoi enemmän!


3. Opettele tärkeimmät teknologiat
Perustekniikat, jotka sinun täytyy hallita frontend-puolella:
HTML → Verkkosivun rakenne
CSS → Ulkoasu ja muotoilu
JavaScript → Sivun interaktiivisuus
Katsotaan nopeasti mitä ne tarkoittavat:HTMLHTML = verkkosivun "luuranko".Se määrittelee:
Otsikot
Kappaleet
Linkit
Kuvakkeet
Esimerkki:
⛶Tervetuloa sivulleni!
Tämä on kappale.
Klikkaa tästä


CSS
CSS tekee sivuista kauniita.Sillä säädetään:
Värit
Fontit
Spacing (välistykset)
Layoutit
Esimerkki:
⛶h1 {
color: blue;
font-size: 32px;
text-align: center;
}


JavaScript
JavaScript tuo sivun eloon.Sen avulla voit:
Tehdä nappeja ja lomakkeita toimiviksi
Animoida elementtejä
Hakea tietoa ilman sivun lataamista uudelleen
Esimerkki:
⛶function sanoMoi() {
alert('Hei maailma!');
}


4. Asenna oikeat työkalut
Tarvitset vain muutaman jutun alkuun:
Google Chrome (selain)
Visual Studio Code (koodieditori)
Live Server -lisäosa (reaaliaikainen esikatselu)
Git ja GitHub (koodiversioiden hallintaan)
✅ Kaikki ilmaisia.
✅ Helppo asentaa.


5. Rakenna pieniä projekteja
Älä jää teoriaan kiinni!
Rakentaminen opettaa parhaiten.Hyviä aloittelijaprojekteja:
Henkilökohtainen kotisivu
Tehtävälista
Yksinkertainen laskin
Reseptisivusto
Kivi, sakset, paperi -peli
Aloita pienestä.
Valmis projekti täydellinen projekti.


6. Ymmärrä tärkeät käsitteet
Kun HTML, CSS ja JavaScript alkavat sujua, syvennä osaamistasi:
Responsiivinen suunnittelu (toimii puhelimilla ja tietokoneilla)
Flexbox ja Grid (elementtien asettelut)
DOM-manipulointi (sisällön muuttaminen koodilla)
Tapahtumat (esim. klikkaus, scrollaus)
API-yhteydet (hae dataa ulkopuolisista palveluista)



7. Harjoittele säännöllisesti
Salaisuus kehittymiseen?
? Pieniä askelia joka päivä.Ei 10 tuntia kerralla ja sitten taukoa viikoksi.
Vaan vaikka 30 minuuttia joka päivä.Vinkkejä:
Tee pieni päivätavoite
Seuraa edistymistä
Juhli pieniä saavutuksia
Älä pelkää virheitä — ne kuuluvat asiaan!
Koodaaminen on kuin treenaamista.
Säännöllisyys voittaa aina.


8. Opi Git ja GitHub
Kun sinulla on joitakin projekteja valmiina:
Opi Gitillä hallitsemaan koodimuutoksia
Lataa koodisi GitHubiin
Harjoittele peruskomentoja (git add, git commit, git push)
Tämä vie vain muutaman päivän — ja on äärimmäisen hyödyllistä työelämässä.


9. Opettele perusdesignia
Et tarvitse taiteilijan taitoja.
Mutta pieni ymmärrys visuaalisuudesta auttaa:
Väriteoria
Typografia
Spacing ja tasapaino
Johdonmukaisuus ulkoasussa
Voit käyttää työkaluja kuten Figma tai Canva!


10. Opettele frameworkeja
Kun perusteet ovat hallussa, voit siirtyä kehittyneempiin työkaluihin.Suosituimmat frontend-frameworkit 2025:
React (markkinajohtaja)
Vue.js (helppo aloittaa)
Svelte (nouseva tähti)
React on hyvä valinta työpaikkaa etsivälle.Mutta muista:
Frameworkit tulevat vasta perusasioiden jälkeen.


11. Tee oma portfolio
Kun sinulla on 3–5 valmista projektia:✅ Tee itsellesi yksinkertainen verkkosivu.
✅ Esittele projektisi.
✅ Näytä taitosi työnantajille tai asiakkaille.Portfolio voi olla hyvin simppeli:
Esittelysivu
Lyhyt tarina sinusta
Projektit linkitettyinä
Yhteydenottolomake



12. Liity kehittäjäyhteisöihin
Yhdessä oppiminen on tehokkaampaa kuin yksin.Hyviä paikkoja:
Dev.to (missä nytkin olet!)
freeCodeCamp foorumit
Reddit (r/webdev)
Discord-serverit
Twitter/X web-dev yhteisöt
Kysy, auta muita ja jaa matkaasi.
Se tuo motivaatiota ja kontakteja!



13. Etene jatkossa haastavampiin aiheisiin
Kun HTML, CSS, JavaScript ja esimerkiksi React alkavat sujua, voit tutkia:
APIt (REST, GraphQL)
Käyttäjien kirjautuminen
Suorituskyvyn optimointi
Saavutettavuus (Accessibility)
Koodin testaus
Projektien julkaisu nettiin
Web-kehityksen maailma on loputon — ja juuri siksi niin siisti!


Lopuksi
Et tarvitse neroutta ryhtyä web-kehittäjäksi.
Tarvitset vain:
Uteliaisuutta
Pienen päivittäisen vaivan
Rohkeutta jatkaa, vaikka välillä epäonnistut
Ensimmäinen ruma verkkosivusi = ensimmäinen voitto.
Ensimmäinen valmis appisi = oikea taito hallussa.Mikä on HTML ja miten se toimii?Mikä on CSS ja miten se toimii?

Introduction:
The tech world is evolving at a pace like never before. Artificial Intelligence (AI), Machine Learning (ML), Blockchain, Web3—these are not just buzzwords, but the bedrock of the future. When I first began my journey as a curious programmer, I couldn’t have imagined that my interests in AI and ML would eventually blend into a roadmap for a leadership role in these disruptive technologies. But here I am, continuing to explore, learn, and contribute to this ever-changing field.In this post, I want to take you on my personal journey of transformation—from a beginner coding enthusiast to someone who is now actively building projects in blockchain and AI, with the dream of leading a community toward a more decentralized, equitable digital future.The Spark of Curiosity: Where It All Began
I wasn’t always the “tech guy.” I started with a simple interest in how things worked. In school, I was fascinated by anything that could be programmed. However, it wasn’t until I got my hands on Python and started solving real-world problems through code that I felt the real power of technology. That’s when I knew: tech was my calling.The road wasn’t easy. Learning new programming languages, experimenting with projects, and constantly facing challenges in understanding algorithms, data structures, and problem-solving—these were all part of the journey. But through consistent effort, my skills grew, and I began to embrace new challenges.Breaking Into Blockchain and Web3: The Game-Changer
Blockchain and Web3 technologies took my passion for tech to a new level. These weren’t just academic concepts; they were real-world solutions to problems that have plagued various industries for years—issues like centralization, data privacy, and the lack of transparency.Why Blockchain?
I started learning Solidity and exploring Ethereum and realized the power of smart contracts—how they could transform industries by eliminating intermediaries, ensuring transparency, and creating more secure and efficient systems. For example, one of my ongoing projects focuses on certificate verification using blockchain. This is a perfect example of how decentralized technologies can solve real-world issues, such as fraudulent academic certificates.But it wasn’t just about learning blockchain. It was about applying it—about building something tangible. That’s where the real magic happened. Through projects and experimentation, I began to understand the practical challenges of working with decentralized networks, smart contracts, and Ethereum gas fees, while also discovering solutions to those challenges.AI and Ethical Hacking: Shaping the Future
While blockchain was my entry into the decentralized world, AI and ethical hacking soon became my next focus. I believe that AI has the potential to radically alter everything, from business operations to education and healthcare. The integration of AI into Web3 is particularly exciting. It’s a field where the possibilities for combining decentralized tech with intelligent systems are endless.Ethical hacking was an important discovery for me as well. Security is an often-overlooked area, and as I ventured deeper into Web3 and blockchain development, I realized that understanding cybersecurity was critical. From penetration testing to learning tools like Metasploit and Burp Suite, ethical hacking has been essential in ensuring that the projects I develop are safe from vulnerabilities and malicious attacks.Building a Personal Brand: Shivam Tech Talk
As I continued growing, I realized something crucial—leadership in tech isn’t just about coding skills. It’s about building a community and sharing knowledge. That’s why I created Shivam Tech Talk.It started as a simple blog, a space where I could share what I was learning in the world of AI, blockchain, and ethical hacking. However, it grew into a hub for people who were curious about these emerging technologies. Now, I’m not just building projects but building a community around them—a space where tech meets philosophy.Through Shivam Tech Talk, I aim to provide not only tutorials and technical guides but also insights into the deeper, philosophical side of tech. How does AI shape our society? How can blockchain empower individuals? And what role does spirituality play in all of this?Contributing to the Tech Community: Guest Posts and Collaborations
One of the most important aspects of growth in the tech world is collaboration. Through guest posting on platforms like Medium, Hackernoon, and Dev.to, I’ve had the opportunity to reach a broader audience and contribute my thoughts on various topics. These posts have allowed me to share insights from my own experiences, from learning how to build secure dApps with Solidity to how AI is reshaping privacy in the digital age.By contributing to these platforms, I not only built my credibility but also expanded my network—connecting with like-minded individuals who share a passion for innovation.The Vision: Leading the Future of Tech
As I reflect on where I started and where I am today, I realize how far I've come. But I also know that the journey is far from over. My ultimate goal is to become a leader in the Web3 and Blockchain spaces, not just by building projects, but by leading initiatives that use these technologies to make a real-world impact.Whether it’s working on new blockchain applications, contributing to AI-driven solutions, or helping others learn and grow in these fields, I’m dedicated to pushing the boundaries of what’s possible.Conclusion: Join Me on This Journey
I invite you to follow my journey and get involved in these projects. Let’s build a future together where technology empowers everyone. Whether you’re an aspiring developer, a blockchain enthusiast, or someone interested in the intersection of AI and privacy, there’s always something new to learn.Connect with me on LinkedIn to stay updated on my projects and thoughts: Your LinkedIn Profile. And be sure to check out my portfolio on Shivam Tech Talk for resources, guides, and tutorials on all things tech, blockchain, and AI. Also, explore my personal products on eBay: Your eBay Profile.Call to Action:
Are you ready to dive into the future of tech? Whether you're a beginner or an expert, there’s a place for you in this community. Follow my journey, and let's explore the world of blockchain, AI, and Web3 together!you can also visit my site : [vedamingle]and also my liked in account Shivam Bhutani