tabler/shared/data/articles.json

[
  {
    "title": "How to Build a Modern Web App with Vue 3",
    "description": "Learn the fundamentals of Vue 3 and Composition API by creating a fully functional, modern web application from scratch.",
    "tags": [
      "vue",
      "javascript",
      "frontend"
    ],
    "image": 14,
    "author": 10
  },
  {
    "title": "10 UX Principles Every Designer Should Know",
    "description": "A concise guide to user experience best practices, helping you design more intuitive and user-friendly interfaces.",
    "tags": [
      "ux",
      "design",
      "usability"
    ],
    "image": 5,
    "author": 8
  },
  {
    "title": "Optimizing JavaScript Performance in Large-Scale Projects",
    "description": "Explore techniques and tools to improve the speed and maintainability of your JavaScript applications at scale.",
    "tags": [
      "javascript",
      "performance",
      "best-practices"
    ],
    "image": 19,
    "author": 14
  },
  {
    "title": "The Future of CSS: What's Coming in 2025",
    "description": "Get an early look at the next generation of CSS features and how they'll transform modern web development.",
    "tags": [
      "css",
      "future",
      "web-development"
    ],
    "image": 3,
    "author": 11
  },
  {
    "title": "Understanding TypeScript: A Beginner's Guide",
    "description": "This article walks you through the basics of TypeScript, helping you write safer and more scalable JavaScript code.",
    "tags": [
      "typescript",
      "javascript",
      "beginner"
    ],
    "image": 16,
    "author": 5
  },
  {
    "title": "Building a Design System with Tailwind CSS",
    "description": "Learn how to create a consistent, reusable design system using utility-first CSS with Tailwind.",
    "tags": [
      "tailwind",
      "design-system",
      "css"
    ],
    "image": 22,
    "author": 6
  },
  {
    "title": "5 Mistakes to Avoid in Web Accessibility",
    "description": "Avoid common accessibility pitfalls and make your website inclusive for all users.",
    "tags": [
      "a11y",
      "accessibility",
      "html"
    ],
    "image": 12,
    "author": 7
  },
  {
    "title": "Deploying Your App with Vercel and GitHub Actions",
    "description": "A step-by-step guide to automating your deployment process using GitHub Actions and Vercel.",
    "tags": [
      "devops",
      "vercel",
      "ci/cd"
    ],
    "image": 2,
    "author": 15
  },
  {
    "title": "A Dive into Reactive Programming with RxJS",
    "description": "Understand the core concepts of reactive programming and learn how to use RxJS in real-world scenarios.",
    "tags": [
      "rxjs",
      "reactive",
      "javascript"
    ],
    "image": 17,
    "author": 4
  },
  {
    "title": "Creating Stunning Data Visualizations with D3.js",
    "description": "Learn how to transform complex data into interactive, beautiful charts using D3.js.",
    "tags": [
      "d3",
      "data-viz",
      "charts"
    ],
    "image": 8,
    "author": 12
  },
  {
    "title": "State Management in Vue 3 with Pinia",
    "description": "Pinia is the new official store library for Vue—here's how to use it effectively.",
    "tags": [
      "vue",
      "pinia",
      "state-management"
    ],
    "image": 21,
    "author": 3
  },
  {
    "title": "Dark Mode in CSS: Best Practices",
    "description": "Implementing dark mode isn't just about switching colors. Learn how to do it right with CSS variables and media queries.",
    "tags": [
      "css",
      "dark-mode",
      "ui"
    ],
    "image": 7,
    "author": 13
  },
  {
    "title": "Next.js vs Nuxt 3: A Head-to-Head Comparison",
    "description": "Comparing the most popular frameworks for React and Vue. Which one should you choose?",
    "tags": [
      "nextjs",
      "nuxt",
      "frameworks"
    ],
    "image": 15,
    "author": 6
  },
  {
    "title": "Progressive Web Apps: How to Make Your Website Installable",
    "description": "Turn your web project into a PWA and reach users offline or on mobile devices.",
    "tags": [
      "pwa",
      "web-apps",
      "offline"
    ],
    "image": 11,
    "author": 9
  },
  {
    "title": "Using Figma for Developer Handoff",
    "description": "Bridge the gap between designers and developers by mastering Figma's handoff features.",
    "tags": [
      "figma",
      "design",
      "workflow"
    ],
    "image": 9,
    "author": 14
  },
  {
    "title": "Improving Lighthouse Scores with Modern Techniques",
    "description": "A practical guide to fixing common issues and optimizing your site for better Lighthouse results.",
    "tags": [
      "performance",
      "seo",
      "lighthouse"
    ],
    "image": 6,
    "author": 2
  },
  {
    "title": "Animating Interfaces with Framer Motion",
    "description": "Bring your UI to life with simple, declarative animations using Framer Motion.",
    "tags": [
      "react",
      "animations",
      "framer-motion"
    ],
    "image": 1,
    "author": 7
  },
  {
    "title": "GraphQL vs REST: Which Should You Choose?",
    "description": "Breaking down the pros and cons of GraphQL and REST to help you pick the right API design.",
    "tags": [
      "graphql",
      "rest",
      "api"
    ],
    "image": 13,
    "author": 16
  },
  {
    "title": "Building a Blog with Astro and Markdown",
    "description": "Leverage Astro's performance and use Markdown to create a fast, flexible blog.",
    "tags": [
      "astro",
      "markdown",
      "static-sites"
    ],
    "image": 10,
    "author": 5
  },
  {
    "title": "Why You Should Use CSS Container Queries",
    "description": "The long-awaited feature is here. Learn how to use container queries to write smarter, more responsive CSS.",
    "tags": [
      "css",
      "container-queries",
      "responsive"
    ],
    "image": 18,
    "author": 11
  },
  {
    "title": "Mastering React Server Components: A Complete Guide",
    "description": "Dive deep into React Server Components and learn how to build faster, more efficient applications with this revolutionary feature.",
    "tags": [
      "react",
      "server-components",
      "performance"
    ],
    "image": 4,
    "author": 8
  },
  {
    "title": "Building Micro-Frontends with Module Federation",
    "description": "Learn how to break down monolithic frontend applications into smaller, independently deployable micro-frontends.",
    "tags": [
      "micro-frontends",
      "webpack",
      "architecture"
    ],
    "image": 20,
    "author": 12
  },
  {
    "title": "The Complete Guide to CSS Grid Layout",
    "description": "Master CSS Grid Layout with practical examples and real-world use cases for modern web layouts.",
    "tags": [
      "css",
      "grid",
      "layout"
    ],
    "image": 23,
    "author": 9
  },
  {
    "title": "Testing React Applications with Vitest and Testing Library",
    "description": "Set up a modern testing environment for React applications using Vitest and React Testing Library.",
    "tags": [
      "react",
      "testing",
      "vitest"
    ],
    "image": 24,
    "author": 15
  },
  {
    "title": "Building Scalable APIs with Fastify and TypeScript",
    "description": "Create high-performance APIs using Fastify and TypeScript with best practices for production applications.",
    "tags": [
      "fastify",
      "typescript",
      "api"
    ],
    "image": 25,
    "author": 6
  },
  {
    "title": "Implementing Authentication with NextAuth.js",
    "description": "Add secure authentication to your Next.js applications with NextAuth.js and multiple provider support.",
    "tags": [
      "nextjs",
      "authentication",
      "security"
    ],
    "image": 26,
    "author": 11
  },
  {
    "title": "Optimizing Images for the Web: A Developer's Guide",
    "description": "Learn modern techniques for optimizing images, including WebP, AVIF, and responsive image strategies.",
    "tags": [
      "images",
      "performance",
      "webp"
    ],
    "image": 27,
    "author": 14
  },
  {
    "title": "Building Interactive Maps with Mapbox and React",
    "description": "Create stunning, interactive maps for your web applications using Mapbox GL JS and React.",
    "tags": [
      "maps",
      "react",
      "mapbox"
    ],
    "image": 28,
    "author": 7
  },
  {
    "title": "Mastering CSS Custom Properties and Theming",
    "description": "Build flexible design systems with CSS custom properties and create dynamic theming solutions.",
    "tags": [
      "css",
      "theming",
      "design-system"
    ],
    "image": 29,
    "author": 13
  },
  {
    "title": "Building Real-Time Applications with Socket.io",
    "description": "Create real-time features like chat, notifications, and live updates using Socket.io and Node.js.",
    "tags": [
      "socket.io",
      "real-time",
      "nodejs"
    ],
    "image": 30,
    "author": 10
  }
]