Estéban

@soubiran.dev

1157 Followers 295 Following

Playing with Laravel, Vue, Nuxt, UnJS, Adonis and writing articles as I would have liked to read them when I started web dev 📝 Latest Series: https://soubiran.dev/series/the-complete-guide-to-building-a-vue-js-component-library Website: https://soubiran

The front of the Rennes train station.
On the left, a custom Slidev page displays received reactions and messages. On the right, the audience overview allows participants to rate the talk using predefined emojis and provide feedback.
A demonstration of dialog stacking built using Reka UI and Nuxt UI, featuring smooth, fluid animations for a polished user experience.
On the right, an audience member types and submits a question in their browser. On the left, a custom Slidev page instantly displays the question in real-time, showcasing seamless interaction!
A GIF demonstrating how the audience can interact live with a Slidev deck using a set of predefined emojis and custom ones.
An animated GIF of a Slidev presentation slide featuring multiple waving hand (👋) emojis that float upward toward the top of the screen.
The poll page of my website where users can vote for the next article. We can see multiple articles idea like How to build Vue.js components like a pro: full guide and the new one, Fusion or the art of writing PHP into a Vue SFC component.
A screen recoding of the search page. I write 'tsconfig' and automatically, resultats appear!
A screenshot showing the discussion for my sponsors around the upcoming article.
A screenshot of my article where we can read the title "Laravel and Vite: A Love Story Ruined with Cross-Origin"
A VSCode snippet to automatically scaffold a full Vue component.
Screenshot of two emails to tell me that 2 talks has been accepted to Devoxx Fr
A screen capture showing an interactive tree folder structure within the content of my article.
Screenshot of a discussion on GitHub that contains the upcoming content coming to https://soubiran.dev. We can view the discussion title 'content: vitepress blog refactor' and the content 'src/series/create-a-blog-with-vitepress-and-vue-js-from-scratch.md'
A screenshot of the dashboard's tracker. We can see a date range and categories selector, some big numbers for expenses and incomes and 2 related charts.
A screenshot captured using code.soubiran.dev where we can read "Did you know that you can ask me anythink?"with the following watermark "Ask Me Anything · soubiran.dev/ama".
Screenshot of the header of the PR that refactor my website. We can read that 484 files have been touched and the PR is opened since December 7, 2024.
This is a screenshot of a mail from Mixit that tells that my proposal has been accepted! The name of the talk is "Reactivity and signals: Let's take the magic out of the frontend".
This is a screen recording. In front, there is an editor with a CSS file open. Behind, there is a browser with the text "Vue 3 + TypeScript + Vite". During the recording, the font-family is changed and this is automatically reflected in the browser.
Screenshot from my `vite.config.ts` file. We can see that I've installed and use Vue, Tailwind, Auto Import, Components and Vue Devtools!
Screenshot of statistics about my website reaction system. We can read "196 reactions, average of 2.3 per post and 2.6 per user".
Picture of Paris TypeScript meetup's audience!
A screenshot with all my todo items to refactor my personal website: - Components to finish - Discussion - BackTo - ThanksForReading - (remove) ButtonDanger (check if it's not used anywhere) - (remove) ButtonGhost (check if it's not used anywhere) - (remove) ButtonPrimary (check if it's not used anywhere) - (remove) AlternateReading (check if it's not used anywhere) - PostsTOCDropdown => PageTableOfContentsDropdownMenu - PostsSection (maybe, to remove? or to improve) - Create new alerts - Rework markdown components - Improve toasts - Improve notifications slideover - \wForm components => extract logic to composable? - Move Pages related components to a folder - Pages - Articles header with some dropdown - Rework translations and locales architecture
This is a sreenshot with the following text: "The perfect guide to setting up a new Nuxt project".
A screenshot of one of my slides. We can see a text "Ship Nuxt apps that scale" with the word "Nuxt" colored green and the earth above.