articles.js

// // Temporaire:

// // à definir dans types.ts à la racine de l'application

// export type Post = {
//   id: number,
//   category: string,
//   title: string,
//   image: string,
//   caption: string,
//   date: string | Date,
//   minutesToRead: number,
//   author: string,
//   nbViews: number,
//   nbComments: number,
//   slug: string,
//   content?: string,
// };
// export const POSTS: Post[] = [
//   {
//     id: 1,
//     category: "React",
//     title: "React State Management: Choosing the Right Solution",
//     image: "/react-state-management.jpg",
//     caption:
//       "Explore different state management solutions in React and choose the one that fits your needs.",
//     date: "2023-01-15",
//     minutesToRead: 10,
//     author: "John ReactDev",
//     nbViews: 25,
//     nbComments: 8,
//     slug: "react-state-management-choosing-right-solution",
//   },
//   {
//     id: 2,
//     category: "Next.js",
//     title: "Server-Side Rendering with Next.js: A Practical Guide",
//     image: "/nextjs-ssr.jpg",
//     caption:
//       "Learn how to implement server-side rendering in Next.js for improved performance and SEO.",
//     date: "2023-02-02",
//     minutesToRead: 12,
//     author: "Alice NextJSDev",
//     nbViews: 18,
//     nbComments: 5,
//     slug: "server-side-rendering-nextjs-practical-guide",
//   },
//   {
//     id: 3,
//     category: "React Native",
//     title: "Building Cross-Platform Mobile Apps with React Native",
//     image: "/react-native-cross-platform.jpg",
//     caption:
//       "Step-by-step guide to building cross-platform mobile applications using React Native.",
//     date: "2023-02-18",
//     minutesToRead: 15,
//     author: "Bob MobileDev",
//     nbViews: 32,
//     nbComments: 10,
//     slug: "building-cross-platform-mobile-apps-react-native",
//   },
//   {
//     id: 4,
//     category: "CSS",
//     title: "Advanced CSS Techniques for Modern Web Design",
//     image: "/advanced-css-techniques.jpg",
//     caption:
//       "Explore advanced CSS techniques to enhance the visual appeal and interactivity of your web designs.",
//     date: "2023-03-05",
//     minutesToRead: 8,
//     author: "Eva CSSDesigner",
//     nbViews: 22,
//     nbComments: 7,
//     slug: "advanced-css-techniques-modern-web-design",
//   },
//   {
//     id: 5,
//     category: "JavaScript",
//     title: "Mastering JavaScript Promises and Asynchronous Programming",
//     image: "/javascript-promises-async.jpg",
//     caption:
//       "In-depth tutorial on mastering JavaScript promises and asynchronous programming concepts.",
//     date: "2023-03-20",
//     minutesToRead: 14,
//     author: "Peter JSNinja",
//     nbViews: 28,
//     nbComments: 6,
//     slug: "mastering-javascript-promises-asynchronous-programming",
//   },
//   {
//     id: 6,
//     category: "React",
//     title: "Building Reusable React Components: Best Practices",
//     image: "/reusable-react-components.jpg",
//     caption:
//       "Best practices and tips for building reusable and maintainable React components in your projects.",
//     date: "2023-04-10",
//     minutesToRead: 11,
//     author: "Grace Reacter",
//     nbViews: 35,
//     nbComments: 9,
//     slug: "building-reusable-react-components-best-practices",
//   },
//   {
//     id: 7,
//     category: "Next.js",
//     title: "Dynamic Routes in Next.js: A Comprehensive Guide",
//     image: "/nextjs-dynamic-routes.jpg",
//     caption:
//       "Comprehensive guide on implementing dynamic routes in Next.js for flexible page rendering.",
//     date: "2023-04-25",
//     minutesToRead: 13,
//     author: "David NextJSPro",
//     nbViews: 19,
//     nbComments: 4,
//     slug: "dynamic-routes-nextjs-comprehensive-guide",
//   },
//   {
//     id: 8,
//     category: "React Native",
//     title: "State Management in React Native Apps: Redux vs. Context API",
//     image: "/react-native-state-management.jpg",
//     caption:
//       "Comparison of state management solutions, Redux and Context API, in React Native applications.",
//     date: "2023-05-12",
//     minutesToRead: 18,
//     author: "Mia RNDeveloper",
//     nbViews: 40,
//     nbComments: 11,
//     slug: "state-management-react-native-redux-context-api",
//   },
//   {
//     id: 9,
//     category: "CSS",
//     title: "Responsive Design Patterns with CSS Grid and Flexbox",
//     image: "/responsive-design-css.jpg",
//     caption:
//       "Explore responsive design patterns using CSS Grid and Flexbox for modern web layouts.",
//     date: "2023-06-01",
//     minutesToRead: 9,
//     author: "Ryan CSSMaster",
//     nbViews: 27,
//     nbComments: 8,
//     slug: "responsive-design-patterns-css-grid-flexbox",
//   },
//   {
//     id: 10,
//     category: "JavaScript",
//     title: "ES6+ Features Every JavaScript Developer Should Know",
//     image: "/es6-javascript.jpg",
//     caption:
//       "Overview of essential ES6+ features and how they can improve your JavaScript development.",
//     date: "2023-06-18",
//     minutesToRead: 16,
//     author: "Sara JSExplorer",
//     nbViews: 33,
//     nbComments: 10,
//     slug: "es6-features-javascript-developers-should-know",
//   },
//   {
//     id: 11,
//     category: "React",
//     title: "React Hooks: A Deep Dive into Modern React State Management",
//     image: "/react-hooks-deep-dive.jpg",
//     caption:
//       "In-depth exploration of React Hooks and their role in modern React state management.",
//     date: "2023-07-05",
//     minutesToRead: 12,
//     author: "Tom ReactHooksFan",
//     nbViews: 24,
//     nbComments: 6,
//     slug: "react-hooks-deep-dive-modern-react-state-management",
//   },
//   {
//     id: 12,
//     category: "Next.js",
//     title: "SEO Optimization in Next.js: Best Practices for Higher Rankings",
//     image: "/nextjs-seo-optimization.jpg",
//     caption:
//       "Best practices for optimizing your Next.js applications for search engines and higher rankings.",
//     date: "2023-07-20",
//     minutesToRead: 14,
//     author: "Lily NextJSSEO",
//     nbViews: 31,
//     nbComments: 9,
//     slug: "seo-optimization-nextjs-best-practices-higher-rankings",
//   },
//   {
//     id: 13,
//     category: "React Native",
//     title: "Navigation in React Native: Choosing the Right Navigation Library",
//     image: "/react-native-navigation.jpg",
//     caption:
//       "Guide to choosing the right navigation library for seamless navigation in React Native apps.",
//     date: "2023-08-08",
//     minutesToRead: 10,
//     author: "Mike RNNavigator",
//     nbViews: 23,
//     nbComments: 7,
//     slug: "navigation-react-native-choosing-right-library",
//   },
//   {
//     id: 14,
//     category: "CSS",
//     title: "SASS and SCSS: Enhancing CSS with Preprocessors",
//     image: "/sass-scss-css.jpg",
//     caption:
//       "Introduction to SASS and SCSS and how they enhance CSS with variables, mixins, and more.",
//     date: "2023-08-25",
//     minutesToRead: 15,
//     author: "Diana CSSPreprocessor",
//     nbViews: 29,
//     nbComments: 8,
//     slug: "sass-scss-enhancing-css-preprocessors",
//   },
//   {
//     id: 15,
//     category: "JavaScript",
//     title: "Modern JavaScript Tooling: Babel, Webpack, and Beyond",
//     image: "/modern-javascript-tooling.jpg",
//     caption:
//       "Exploring modern JavaScript tooling with Babel, Webpack, and other essential tools.",
//     date: "2023-09-12",
//     minutesToRead: 13,
//     author: "Chris JSToolingExpert",
//     nbViews: 36,
//     nbComments: 11,
//     slug: "modern-javascript-tooling-babel-webpack-beyond",
//   },
//   {
//     id: 16,
//     category: "React",
//     title: "Testing React Components: A Comprehensive Guide",
//     image: "/testing-react-components.jpg",
//     caption:
//       "Comprehensive guide to testing React components effectively for robust and reliable code.",
//     date: "2023-09-28",
//     minutesToRead: 17,
//     author: "Mark ReactTestingPro",
//     nbViews: 38,
//     nbComments: 12,
//     slug: "testing-react-components-comprehensive-guide",
//   },
//   {
//     id: 17,
//     category: "Next.js",
//     title: "Authentication in Next.js: Implementing Secure User Authentication",
//     image: "/nextjs-authentication.jpg",
//     caption:
//       "Implementing secure user authentication in Next.js applications for enhanced security.",
//     date: "2023-10-15",
//     minutesToRead: 14,
//     author: "Olivia NextAuth",
//     nbViews: 34,
//     nbComments: 10,
//     slug: "authentication-nextjs-implementing-secure-user-authentication",
//   },
//   {
//     id: 18,
//     category: "React Native",
//     title: "Optimizing React Native Apps for Performance: Best Practices",
//     image: "/react-native-performance.jpg",
//     caption:
//       "Best practices for optimizing React Native apps to deliver a high-performance user experience.",
//     date: "2023-10-30",
//     minutesToRead: 11,
//     author: "Tim RNPerformance",
//     nbViews: 26,
//     nbComments: 7,
//     slug: "optimizing-react-native-apps-performance-best-practices",
//   },
//   {
//     id: 19,
//     category: "CSS",
//     title: "CSS-in-JS: Styling React Applications with Styled Components",
//     image: "/css-in-js-styled-components.jpg",
//     caption:
//       "Introduction to CSS-in-JS and styling React applications with Styled Components for modular styling.",
//     date: "2023-11-15",
//     minutesToRead: 12,
//     author: "Victoria CSSInJS",
//     nbViews: 30,
//     nbComments: 9,
//     slug: "css-in-js-styling-react-applications-styled-components",
//   },
//   {
//     id: 20,
//     category: "JavaScript",
//     title: "Functional Programming in JavaScript: Principles and Practices",
//     image: "/functional-programming-javascript.jpg",
//     caption:
//       "Understanding the principles and practices of functional programming in JavaScript.",
//     date: "2023-11-30",
//     minutesToRead: 16,
//     author: "Alex FunctionalJS",
//     nbViews: 37,
//     nbComments: 11,
//     slug: "functional-programming-javascript-principles-practices",
//   },
// ];