Derniers Articles
Do you think you're testing your Next.js app properly? But what happens when you have React Server Components and Server Actions?
Don't Become a FULLSTACK Developer! That’s what we hear everywhere.
Are you using static rendering (SSG) with Next.js to optimize performance? That’s a great start! But what about your dynamic routes? Are they optimized?
Either I work hard, or I fully enjoy my time—but I hate wasting hours mindlessly behind a screen. Right now, my days are super packed! 💻🔥
Is your app feeling slow? ⏳ Have you considered implementing an Optimistic UI approach? The idea is simple: Be optimistic.
Being technically skilled is great. But it won’t make you rich. We love technical topics, don’t we?
- Explanation of functions, their syntax, and their usage. - Examples of simple functions with parameters and return values.
- Variables (`let`, `const`), loops (`for`, `while`), conditions (`if`, `else`), events, and arrays. - Small exercises to practice each concept.
- Explanation of what the DOM is and how to use JavaScript to interact with HTML elements. - Example: Modifying the text or styles of an element with `document.querySelector`.
- Introduction to events such as `click`, `mouseover`, or `keyup`. - Practical example: create a button that changes color when clicked.
💻 Those learning to code with AI are starting at a disadvantage. It might sound counterintuitive, but tools like Copilot, Claude, Cursor, and other generative AIs don’t really help junior developers. 🤖
Since I became a real estate investor, I’ve realized one thing: 💡 Cash is king.
Zustand and Tanstack Query Are Dead Because of Next.js
The numbers speak for themselves: my early posts would get between 200 and 300 impressions, while posts about AI sometimes reach over 35,000 impressions. 😲
- What is Props Drilling? - The Limitations of Props Drilling. - Practical Exercise: Master Props Drilling.
- Comparison of the strengths and weaknesses of React and Next.js. - Use cases for each technology: SPA, SSR, ISR, integrated APIs. - Tips for choosing based on the type of project and performance needs.
- Explain common mistakes - Concrete examples with tailored solutions. - Bonus: How to set up a React/Next.js project with TypeScript optimally.
- Explanation of the basic concepts of Flexbox: containers and flexible items. - Step-by-step guide to align elements horizontally and vertically. - Example: a simple layout with a menu and content.
- Detailed explanation of the CSS box model. - Illustrations to show how each property affects an element. - Example: styling a card or a button with margins, borders, and shadows.
- Building a basic navigation bar with HTML. - Styling with CSS to add colors, a hover effect, and a horizontal layout. - Adding a responsive menu with a hamburger icon.
If you want to reach €10k/month (and more) as a freelancer, the key is to work with premium clients: those who understand the value of your work, pay well, and see you as a long-term partner.
**If I Had to Learn to Code from Scratch in 2025 (With and Against AI)**
I don't like New Year's resolutions because, let’s be honest, no one really sticks to them. Instead, I prefer concrete action plans.
I hate LinkedIn. Or rather, I *used* to hate LinkedIn. But this year, everything changes. Since I left France for Bali, I’ve logged in no more than 5 times a year.
Next.js 15 is the latest version of this powerful framework that allows you to build modern web applications with optimal user experiences.
React is one of the most popular JavaScript libraries for building modern, dynamic user interfaces. When paired with Vite, an ultra-fast bundler,
TypeScript is an extension of JavaScript that adds static typing to your code. This helps catch errors at compile time, making your code more robust and maintainable.
Since the release of ECMAScript 6 (ES6), JavaScript has undergone a spectacular evolution. New features make the language more powerful, expressive,
- File organization: folder structure (HTML, CSS, images). - Using naming conventions for classes and IDs. - Tips for keeping your code clean and readable.
- List and description of essential tags. - Tips for properly structuring your content with these tags. - Example: create a small personal introduction page.
markdown Copier le code - Introduction to basic HTML tags: `<html>`, `<head>`, `<body>`. - Simple explanations for adding text, images, and links. - Example of a basic web page with code to copy and paste.
- What are HTML and CSS? - CSS: The style and appearance. - How to get started with HTML and CSS? - Key concepts to master.
markdown Copier le code - Flexbox: The solution for one-dimensional alignments. - Grid: The power of two-dimensional layouts. - Similarities between Flexbox and Grid.