@aladin002dz.bsky.social
full code and slides from my "software testing" workshop at Algeria 2.0 👇
Repo: github.com/aladin002dz/...
Unit tests (Vitest): /tree/1-vitest-unit-tests
UI tests: /tree/2-vitest-nextjs
E2E tests (Playwright): /tree/3-playwright-nextjs
Slides: docs.google.com/presentation...
Repo: github.com/aladin002dz/...
Unit tests (Vitest): /tree/1-vitest-unit-tests
UI tests: /tree/2-vitest-nextjs
E2E tests (Playwright): /tree/3-playwright-nextjs
Slides: docs.google.com/presentation...
November 27, 2025 at 10:26 AM
full code and slides from my "software testing" workshop at Algeria 2.0 👇
Repo: github.com/aladin002dz/...
Unit tests (Vitest): /tree/1-vitest-unit-tests
UI tests: /tree/2-vitest-nextjs
E2E tests (Playwright): /tree/3-playwright-nextjs
Slides: docs.google.com/presentation...
Repo: github.com/aladin002dz/...
Unit tests (Vitest): /tree/1-vitest-unit-tests
UI tests: /tree/2-vitest-nextjs
E2E tests (Playwright): /tree/3-playwright-nextjs
Slides: docs.google.com/presentation...
Testing the new IDE Google Antigravity — still very close to Cursor, but the planning mode is on another level.
It generates detailed task plans you can review before coding.
Free (for now) with Gemini 3 Pro and Claude Sonnet 4.5.
Worth trying 🚀: antigravity.google
It generates detailed task plans you can review before coding.
Free (for now) with Gemini 3 Pro and Claude Sonnet 4.5.
Worth trying 🚀: antigravity.google
Google Antigravity
Google Antigravity - Build the new way
antigravity.google
November 20, 2025 at 9:49 AM
Testing the new IDE Google Antigravity — still very close to Cursor, but the planning mode is on another level.
It generates detailed task plans you can review before coding.
Free (for now) with Gemini 3 Pro and Claude Sonnet 4.5.
Worth trying 🚀: antigravity.google
It generates detailed task plans you can review before coding.
Free (for now) with Gemini 3 Pro and Claude Sonnet 4.5.
Worth trying 🚀: antigravity.google
🚀 Just updated my DonateBlood app!
🌍 Added English, French & Arabic with i18n
📍 Improved city selection to avoid typos
🐞 Fixed translation bugs
🧪 Adding tests soon
🔗 Live: donate-blood-virid.vercel.app
💻 Code: github.com/aladin002dz/...
#Nextjs #React #i18n #OpenSource #WebDev
🌍 Added English, French & Arabic with i18n
📍 Improved city selection to avoid typos
🐞 Fixed translation bugs
🧪 Adding tests soon
🔗 Live: donate-blood-virid.vercel.app
💻 Code: github.com/aladin002dz/...
#Nextjs #React #i18n #OpenSource #WebDev
November 13, 2025 at 10:54 AM
🚀 Just updated my DonateBlood app!
🌍 Added English, French & Arabic with i18n
📍 Improved city selection to avoid typos
🐞 Fixed translation bugs
🧪 Adding tests soon
🔗 Live: donate-blood-virid.vercel.app
💻 Code: github.com/aladin002dz/...
#Nextjs #React #i18n #OpenSource #WebDev
🌍 Added English, French & Arabic with i18n
📍 Improved city selection to avoid typos
🐞 Fixed translation bugs
🧪 Adding tests soon
🔗 Live: donate-blood-virid.vercel.app
💻 Code: github.com/aladin002dz/...
#Nextjs #React #i18n #OpenSource #WebDev
Excited to join Algeria 2.0, the biggest tech event in 🇩🇿!
I’ll be running a workshop: “Zéro bug (ou presque) – Tests avancés mobile/web” 🧪
Let’s make our apps go from “it works” to “it’s solid.” 💪
#Algeria20 #Nextjs #React #Testing #WebDev #DevCommunity
I’ll be running a workshop: “Zéro bug (ou presque) – Tests avancés mobile/web” 🧪
Let’s make our apps go from “it works” to “it’s solid.” 💪
#Algeria20 #Nextjs #React #Testing #WebDev #DevCommunity
November 4, 2025 at 1:40 PM
Excited to join Algeria 2.0, the biggest tech event in 🇩🇿!
I’ll be running a workshop: “Zéro bug (ou presque) – Tests avancés mobile/web” 🧪
Let’s make our apps go from “it works” to “it’s solid.” 💪
#Algeria20 #Nextjs #React #Testing #WebDev #DevCommunity
I’ll be running a workshop: “Zéro bug (ou presque) – Tests avancés mobile/web” 🧪
Let’s make our apps go from “it works” to “it’s solid.” 💪
#Algeria20 #Nextjs #React #Testing #WebDev #DevCommunity
🌍 Built a multilingual Next.js app using next-intl and native i18n routing — with full dir="rtl" support for Arabic!
🔗 Demo: multi-lang-next.vercel.app
💾 Code: github.com/aladin002dz/...
#Nextjs #React #i18n #WebDev
🔗 Demo: multi-lang-next.vercel.app
💾 Code: github.com/aladin002dz/...
#Nextjs #React #i18n #WebDev
October 28, 2025 at 10:19 AM
🌍 Built a multilingual Next.js app using next-intl and native i18n routing — with full dir="rtl" support for Arabic!
🔗 Demo: multi-lang-next.vercel.app
💾 Code: github.com/aladin002dz/...
#Nextjs #React #i18n #WebDev
🔗 Demo: multi-lang-next.vercel.app
💾 Code: github.com/aladin002dz/...
#Nextjs #React #i18n #WebDev
I got the Holopin x Hacktoberfest: 5 Badge Club badge from Holopin! holopin.io/userbadge/cm... via @holopin_
I got the Holopin x Hacktoberfest: 5 Badge Club badge from Holopin!
@aladin002dz has earned the Holopin x Hacktoberfest: 5 Badge Club badge from Holopin.
holopin.io
October 28, 2025 at 8:46 AM
I got the Holopin x Hacktoberfest: 5 Badge Club badge from Holopin! holopin.io/userbadge/cm... via @holopin_
🩸 Working on a new blood donation app built with Next.js 15, Better-Auth, Drizzle ORM, Shadcn, Tailwind, Zod & React-Hook-Form 💻
✅ Sign up / Login / Profile update done
🔜 Search feature coming soon!
🌐 Demo: lnkd.in/ecaBQ2ha
💾 Code: lnkd.in/e8UJkp6f
#NextJS #OpenSource #WebDev
✅ Sign up / Login / Profile update done
🔜 Search feature coming soon!
🌐 Demo: lnkd.in/ecaBQ2ha
💾 Code: lnkd.in/e8UJkp6f
#NextJS #OpenSource #WebDev
October 22, 2025 at 10:50 AM
🩸 Working on a new blood donation app built with Next.js 15, Better-Auth, Drizzle ORM, Shadcn, Tailwind, Zod & React-Hook-Form 💻
✅ Sign up / Login / Profile update done
🔜 Search feature coming soon!
🌐 Demo: lnkd.in/ecaBQ2ha
💾 Code: lnkd.in/e8UJkp6f
#NextJS #OpenSource #WebDev
✅ Sign up / Login / Profile update done
🔜 Search feature coming soon!
🌐 Demo: lnkd.in/ecaBQ2ha
💾 Code: lnkd.in/e8UJkp6f
#NextJS #OpenSource #WebDev
The Stack Overflow Developer Survey 2025 is out! It’s one of the best resources to understand developer trends, tools, and salaries worldwide.
Check out all the details here: survey.stackoverflow.co/2025/
Check out all the details here: survey.stackoverflow.co/2025/
August 6, 2025 at 1:03 PM
The Stack Overflow Developer Survey 2025 is out! It’s one of the best resources to understand developer trends, tools, and salaries worldwide.
Check out all the details here: survey.stackoverflow.co/2025/
Check out all the details here: survey.stackoverflow.co/2025/
🔄 Just updated my Next.js Auth Prototype!
✅ Added:
Change Password
Email verification via 6-digit code (replaces link)
🚀 Built with NextAuth v5
🔗 GitHub: github.com/aladin002dz/...
🌐 Demo: next-auth-prototype-ii.vercel.app
#React #Nextjs #Auth #OpenSource
✅ Added:
Change Password
Email verification via 6-digit code (replaces link)
🚀 Built with NextAuth v5
🔗 GitHub: github.com/aladin002dz/...
🌐 Demo: next-auth-prototype-ii.vercel.app
#React #Nextjs #Auth #OpenSource
GitHub - aladin002dz/next-auth-prototype-ii
Contribute to aladin002dz/next-auth-prototype-ii development by creating an account on GitHub.
github.com
May 28, 2025 at 2:34 PM
🔄 Just updated my Next.js Auth Prototype!
✅ Added:
Change Password
Email verification via 6-digit code (replaces link)
🚀 Built with NextAuth v5
🔗 GitHub: github.com/aladin002dz/...
🌐 Demo: next-auth-prototype-ii.vercel.app
#React #Nextjs #Auth #OpenSource
✅ Added:
Change Password
Email verification via 6-digit code (replaces link)
🚀 Built with NextAuth v5
🔗 GitHub: github.com/aladin002dz/...
🌐 Demo: next-auth-prototype-ii.vercel.app
#React #Nextjs #Auth #OpenSource
🧪 Been testing Model Context Protocol (MCP) in Cursor IDE by connecting LLMs to Figma’s REST API
🔗 Repo: github.com/aladin002dz/...
🎭 Also checked out Microsoft’s Playwright MCP
💬 Promising, but still require a lot of manual work 👀
#AI #MCP #LLM #DevTools
🔗 Repo: github.com/aladin002dz/...
🎭 Also checked out Microsoft’s Playwright MCP
💬 Promising, but still require a lot of manual work 👀
#AI #MCP #LLM #DevTools
GitHub - aladin002dz/cursor-mcp
Contribute to aladin002dz/cursor-mcp development by creating an account on GitHub.
github.com
May 21, 2025 at 10:40 AM
🧪 Been testing Model Context Protocol (MCP) in Cursor IDE by connecting LLMs to Figma’s REST API
🔗 Repo: github.com/aladin002dz/...
🎭 Also checked out Microsoft’s Playwright MCP
💬 Promising, but still require a lot of manual work 👀
#AI #MCP #LLM #DevTools
🔗 Repo: github.com/aladin002dz/...
🎭 Also checked out Microsoft’s Playwright MCP
💬 Promising, but still require a lot of manual work 👀
#AI #MCP #LLM #DevTools
🚀 Tech enthusiasts & developers! 📢✨
🤩 Join us on April 7-8 at Chlef University for two days of tech insights & hands-on workshops, organized by InforBrains! 🔥👨💻👩💻
🚀🔍
📅 Details here: hackmd.io/@youben/rkbV...
😍💡 #Coding #TechDays #InforBrains #ChlefUniversity
🤩 Join us on April 7-8 at Chlef University for two days of tech insights & hands-on workshops, organized by InforBrains! 🔥👨💻👩💻
🚀🔍
📅 Details here: hackmd.io/@youben/rkbV...
😍💡 #Coding #TechDays #InforBrains #ChlefUniversity
April 2, 2025 at 5:00 PM
🚀 Tech enthusiasts & developers! 📢✨
🤩 Join us on April 7-8 at Chlef University for two days of tech insights & hands-on workshops, organized by InforBrains! 🔥👨💻👩💻
🚀🔍
📅 Details here: hackmd.io/@youben/rkbV...
😍💡 #Coding #TechDays #InforBrains #ChlefUniversity
🤩 Join us on April 7-8 at Chlef University for two days of tech insights & hands-on workshops, organized by InforBrains! 🔥👨💻👩💻
🚀🔍
📅 Details here: hackmd.io/@youben/rkbV...
😍💡 #Coding #TechDays #InforBrains #ChlefUniversity
🚀🖼️🌐 Integrating Cloudflare R2 with Next.js!
📸 Display from Cloudflare R2
🖼️ Upload with real-time preview
🔧 Tech stack:
⚛️ Next.js & React
🛠️ AWS SDK (@aws-sdk/client-s3)
🔗 Code on GitHub: github.com/aladin002dz/...
Feedback & contributions are welcome! 💬
#NextJS #AWS #Cloudflare
📸 Display from Cloudflare R2
🖼️ Upload with real-time preview
🔧 Tech stack:
⚛️ Next.js & React
🛠️ AWS SDK (@aws-sdk/client-s3)
🔗 Code on GitHub: github.com/aladin002dz/...
Feedback & contributions are welcome! 💬
#NextJS #AWS #Cloudflare
GitHub - aladin002dz/cloudflare-r2-nextjs
Contribute to aladin002dz/cloudflare-r2-nextjs development by creating an account on GitHub.
github.com
March 27, 2025 at 11:31 AM
🚀🖼️🌐 Integrating Cloudflare R2 with Next.js!
📸 Display from Cloudflare R2
🖼️ Upload with real-time preview
🔧 Tech stack:
⚛️ Next.js & React
🛠️ AWS SDK (@aws-sdk/client-s3)
🔗 Code on GitHub: github.com/aladin002dz/...
Feedback & contributions are welcome! 💬
#NextJS #AWS #Cloudflare
📸 Display from Cloudflare R2
🖼️ Upload with real-time preview
🔧 Tech stack:
⚛️ Next.js & React
🛠️ AWS SDK (@aws-sdk/client-s3)
🔗 Code on GitHub: github.com/aladin002dz/...
Feedback & contributions are welcome! 💬
#NextJS #AWS #Cloudflare
🚀 Next.js & Databases: ORM vs No ORM 💡
I tested database integration:
📌 With ORM: Prisma & Drizzle with SQLite & Vercel/Postgres
📌 Without ORM: A direct approach
👉 github.com/aladin002dz/...
#NextJS #Prisma #Drizzle #PostgreSQL #SQLite #WebDev #JavaScript
I tested database integration:
📌 With ORM: Prisma & Drizzle with SQLite & Vercel/Postgres
📌 Without ORM: A direct approach
👉 github.com/aladin002dz/...
#NextJS #Prisma #Drizzle #PostgreSQL #SQLite #WebDev #JavaScript
GitHub - aladin002dz/next-db
Contribute to aladin002dz/next-db development by creating an account on GitHub.
github.com
February 27, 2025 at 3:19 PM
🚀 Next.js & Databases: ORM vs No ORM 💡
I tested database integration:
📌 With ORM: Prisma & Drizzle with SQLite & Vercel/Postgres
📌 Without ORM: A direct approach
👉 github.com/aladin002dz/...
#NextJS #Prisma #Drizzle #PostgreSQL #SQLite #WebDev #JavaScript
I tested database integration:
📌 With ORM: Prisma & Drizzle with SQLite & Vercel/Postgres
📌 Without ORM: A direct approach
👉 github.com/aladin002dz/...
#NextJS #Prisma #Drizzle #PostgreSQL #SQLite #WebDev #JavaScript
TikTok launches its own IDE powered by AI: www.trae.ai
Trae - Ship Faster with Trae
Trae is an adaptive AI IDE that transforms how you work, collaborating with you to run faster.
www.trae.ai
February 20, 2025 at 2:24 PM
TikTok launches its own IDE powered by AI: www.trae.ai
🚀🔐 My NextAuth.js v5 Prototype in Next.js!
🔗 Live Demo: next-auth-prototype.vercel.app
🔗 GitHub Repo: github.com/aladin002dz/...
📌 Server-side authentication (but error handling feels immature)
📌 Google OAuth integration
#React #NextJS #NextAuth #AuthJS #OAuth #TailwindCSS
🔗 Live Demo: next-auth-prototype.vercel.app
🔗 GitHub Repo: github.com/aladin002dz/...
📌 Server-side authentication (but error handling feels immature)
📌 Google OAuth integration
#React #NextJS #NextAuth #AuthJS #OAuth #TailwindCSS
February 19, 2025 at 6:10 PM
🚀🔐 My NextAuth.js v5 Prototype in Next.js!
🔗 Live Demo: next-auth-prototype.vercel.app
🔗 GitHub Repo: github.com/aladin002dz/...
📌 Server-side authentication (but error handling feels immature)
📌 Google OAuth integration
#React #NextJS #NextAuth #AuthJS #OAuth #TailwindCSS
🔗 Live Demo: next-auth-prototype.vercel.app
🔗 GitHub Repo: github.com/aladin002dz/...
📌 Server-side authentication (but error handling feels immature)
📌 Google OAuth integration
#React #NextJS #NextAuth #AuthJS #OAuth #TailwindCSS
🚀 State of React 2024 – The Results Are In!
✅ React Server Components & Server Actions
✅ New state management & backend integration trends
✅ Evolution of UI libraries & frameworks
🔗 Read more: 2024.stateofreact.com/en-US
#React #StateOfReact #NextJS #WebDevelopment
✅ React Server Components & Server Actions
✅ New state management & backend integration trends
✅ Evolution of UI libraries & frameworks
🔗 Read more: 2024.stateofreact.com/en-US
#React #StateOfReact #NextJS #WebDevelopment
State of React 2024
The 2024 edition of the annual survey about the latest trends in the React ecosystem.
2024.stateofreact.com
February 12, 2025 at 6:08 PM
🚀 State of React 2024 – The Results Are In!
✅ React Server Components & Server Actions
✅ New state management & backend integration trends
✅ Evolution of UI libraries & frameworks
🔗 Read more: 2024.stateofreact.com/en-US
#React #StateOfReact #NextJS #WebDevelopment
✅ React Server Components & Server Actions
✅ New state management & backend integration trends
✅ Evolution of UI libraries & frameworks
🔗 Read more: 2024.stateofreact.com/en-US
#React #StateOfReact #NextJS #WebDevelopment
#برمحة بودكاست حوار حول "ريداكس" أهمّ مكتبة في بيئة "رياكت"، رأيي أن كل مرونة و سهولة رياكت تتلاشى عندما تدخل هذه المكتبة في الصورة، و لكن إذا كان التطبيق كبير، ريداكس يعطي بنية واضحة و منظّمة خاصة مع استخدام RTK Query
www.youtube.com/watch?v=6EAw...
www.youtube.com/watch?v=6EAw...
Redux تاريخ المكتبة الأكثر أهمية في إطار عمل React
YouTube video by مطور
www.youtube.com
January 30, 2025 at 8:27 AM
#برمحة بودكاست حوار حول "ريداكس" أهمّ مكتبة في بيئة "رياكت"، رأيي أن كل مرونة و سهولة رياكت تتلاشى عندما تدخل هذه المكتبة في الصورة، و لكن إذا كان التطبيق كبير، ريداكس يعطي بنية واضحة و منظّمة خاصة مع استخدام RTK Query
www.youtube.com/watch?v=6EAw...
www.youtube.com/watch?v=6EAw...
🚀💡 React Tip: Boost Your Development Workflow!
❌ Always opening your browser manually after starting the server?
✔️ Let Vite handle it for you—open the server automatically!
👉 Just add this simple configuration to your vite.config.js file:
❌ Always opening your browser manually after starting the server?
✔️ Let Vite handle it for you—open the server automatically!
👉 Just add this simple configuration to your vite.config.js file:
January 22, 2025 at 2:51 PM
🚀💡 React Tip: Boost Your Development Workflow!
❌ Always opening your browser manually after starting the server?
✔️ Let Vite handle it for you—open the server automatically!
👉 Just add this simple configuration to your vite.config.js file:
❌ Always opening your browser manually after starting the server?
✔️ Let Vite handle it for you—open the server automatically!
👉 Just add this simple configuration to your vite.config.js file:
🚀🎯 Simplify your React project structure with Aliases Vite!
❌ import Button from '../../components/ui/Button';
✔️ import Button from '@/components/ui/Button';
👉 in the "vite.config.js." file add aliases, for example:
❌ import Button from '../../components/ui/Button';
✔️ import Button from '@/components/ui/Button';
👉 in the "vite.config.js." file add aliases, for example:
January 15, 2025 at 7:02 PM
🚀🎯 Simplify your React project structure with Aliases Vite!
❌ import Button from '../../components/ui/Button';
✔️ import Button from '@/components/ui/Button';
👉 in the "vite.config.js." file add aliases, for example:
❌ import Button from '../../components/ui/Button';
✔️ import Button from '@/components/ui/Button';
👉 in the "vite.config.js." file add aliases, for example:
🎉✨ Happy New Year 2025! 🎆
Big thanks to everyone who’s been part of my journey 🙏🤝.
2025 is all about growth 🌱, collaboration 🤝, and reaching new heights 🚀. Let’s stay motivated 💡 and ambitious 🔥!
Big thanks to everyone who’s been part of my journey 🙏🤝.
2025 is all about growth 🌱, collaboration 🤝, and reaching new heights 🚀. Let’s stay motivated 💡 and ambitious 🔥!
January 1, 2025 at 9:25 AM
🎉✨ Happy New Year 2025! 🎆
Big thanks to everyone who’s been part of my journey 🙏🤝.
2025 is all about growth 🌱, collaboration 🤝, and reaching new heights 🚀. Let’s stay motivated 💡 and ambitious 🔥!
Big thanks to everyone who’s been part of my journey 🙏🤝.
2025 is all about growth 🌱, collaboration 🤝, and reaching new heights 🚀. Let’s stay motivated 💡 and ambitious 🔥!
"Addy Osmani on Gen AI in coding and the '70% Problem': AI handles most tasks, but the final 30% needs expertise.
AI tools in dev: 🔹 Bootstrappers: Fast prototyping (e.g., Bolt, v0). 🔹 Iterators: (e.g., Copilot, Cursor, Windsurf)." addyo.substack.com/p/the-70-pro...
AI tools in dev: 🔹 Bootstrappers: Fast prototyping (e.g., Bolt, v0). 🔹 Iterators: (e.g., Copilot, Cursor, Windsurf)." addyo.substack.com/p/the-70-pro...
The 70% problem: Hard truths about AI-assisted coding
A field guide and why we need to rethink our expectations
addyo.substack.com
December 11, 2024 at 5:09 PM
"Addy Osmani on Gen AI in coding and the '70% Problem': AI handles most tasks, but the final 30% needs expertise.
AI tools in dev: 🔹 Bootstrappers: Fast prototyping (e.g., Bolt, v0). 🔹 Iterators: (e.g., Copilot, Cursor, Windsurf)." addyo.substack.com/p/the-70-pro...
AI tools in dev: 🔹 Bootstrappers: Fast prototyping (e.g., Bolt, v0). 🔹 Iterators: (e.g., Copilot, Cursor, Windsurf)." addyo.substack.com/p/the-70-pro...
Next.js 15.1 is here! Key updates include React 19(stable), after(stable), forbidden / unauthorized (experimental):
nextjs.org/blog/next-15-1
nextjs.org/blog/next-15-1
Next.js 15.1
Next.js 15.1 introduces React 19 stable support, improved error debugging, new experimental authorization APIs, and more.
nextjs.org
December 11, 2024 at 7:45 AM
Next.js 15.1 is here! Key updates include React 19(stable), after(stable), forbidden / unauthorized (experimental):
nextjs.org/blog/next-15-1
nextjs.org/blog/next-15-1