7 Interactive Games to Practice Your Web Development SkillsTeaching yourself how to code can be a long and sometimes frustrating journey. It can be easy to get stuck in a cycle of constant learning, but real progress comes from hands-on practice. Building projects is one way, but in this post, I’m sharing se...Nov 12, 2024 · 4 min readcodingwithlucy.hashnode.dev
Demystifying flex: 1 in FlexboxFlexbox is a powerful layout mode in CSS that gives web developers an efficient way to arrange elements within a container. Its flexibility and simplicity have made it a go-to tool for creating responsive layouts. One property you might often reach f...Oct 31, 2024 · 7 min readcodingwithlucy.hashnode.dev
Internationalisation (i18n) in Next.js with next-intlLaunching a web application in multiple languages can seem daunting, but tools like next-intl make this process much easier. Having recently used next-intl in a bilingual Next.js project, I've seen firsthand how it simplifies adding internationalisat...1Apr 30, 2024 · 11 min readcodingwithlucy.hashnode.dev
Forest: My #1 Tool for Deep WorkIt's 10.30am. You're in the zone and having a really productive morning. Deep in focus, your phone lights up with a notification in the corner of your eye. You try to ignore it, but curiosity gets the better of you. Checking WhatsApp turns into a 15-...Mar 6, 2024 · 5 min readcodingwithlucy.hashnode.dev
Build a shopping cart in Next.js with use-shopping-cart and StripeAre you looking for an easy way to build a shopping cart for your Next.js website? With the use-shopping-cart library and Stripe, you can quickly and easily create a powerful shopping cart. In this tutorial, I’ll show you how to add Stripe Checkout a...13PEAMar 1, 2023 · 20 min readcodingwithlucy.hashnode.dev