Posts

Showing posts with the label Tailwindcss

A New Collection of Thoughtful Learning Apps — Now Available on iOS & Android

Image
I’m excited to share a set of mobile apps I’ve recently completed and published on both the Google Play Store and the Apple App Store. These apps are designed with a simple goal in mind: to make meaningful, structured content more accessible, whether you’re studying theology or improving your English vocabulary. 📱 Now Available on Both Platforms All apps are live and available for download: Google Play Developer Page: https://play.google.com/store/apps/dev?id=5835943159853189043 Apple App Store Developer Page: https://apps.apple.com/ca/developer/q-z-l-corp/id1888794100 📖 Theology & Confession Study Apps For those interested in Reformed theology and classical Christian teachings, I’ve developed a series of apps that present foundational texts in a clean, focused reading format: The Belgic Confession Canons of Dort Heidelberg Catechism Westminster Shorter Catechism Each app is designed to provide a distraction-free experience, making it easier to read, reflect, and revisit these im...

Tailwind 4 in Next.js: Why @tailwind base; No Longer Works (and What to Do Instead)

Image
Tailwind 4 in Next.js: Why @tailwind base; No Longer Works (and What to Do Instead) If you’re like me, when you updated to Tailwind 4 in a Next.js project, you might have opened your page… and thought: “Wait… why are all my Tailwind styles gone? Did I break something?” I did. I genuinely thought I had a bug in my setup. I double-checked my tailwind.config.ts , my globals.css , and even restarted the dev server… nothing. After a bit of digging, I discovered: Tailwind 4 changed the recommended way to include Tailwind in your CSS . What used to work In Tailwind 3 (and earlier), your globals.css would look like this: @tailwind base; @tailwind components; @tailwind utilities; That’s all you needed — Tailwind would inject its base styles, components, and utilities. What changed in Tailwind 4 Now, the new and recommended approach is much simpler : @import "tailwindcss"; This single import pulls in everything: base styles, components, and utilities. It ...