Rūtenis Raila
@rutenisraila.bsky.social
• Passing the translations to animation: I pass the translation props from the server side to the client components. So when the user visits the relevant language path, he gets the correct translation for the animation.
December 17, 2025 at 4:29 PM
• Passing the translations to animation: I pass the translation props from the server side to the client components. So when the user visits the relevant language path, he gets the correct translation for the animation.
• Animation styling: Tailwind for JSX and SVG. Some sections have code that animates them via React hooks.
December 17, 2025 at 4:29 PM
• Animation styling: Tailwind for JSX and SVG. Some sections have code that animates them via React hooks.
• Dropdown: I used the Radix popover element that routes to the different translation routes. Styled via shadcn/ui.
December 17, 2025 at 4:29 PM
• Dropdown: I used the Radix popover element that routes to the different translation routes. Styled via shadcn/ui.
• Framework: Next.js. It handles translation paths with route prefixes like: en, de and lt
December 17, 2025 at 4:29 PM
• Framework: Next.js. It handles translation paths with route prefixes like: en, de and lt
Another alternative would be to choose a more stable and mature technology, such as PHP, Ruby, .NET, Python, etc., with frameworks that have been generating HTML on the server for decades.
December 16, 2025 at 4:30 PM
Another alternative would be to choose a more stable and mature technology, such as PHP, Ruby, .NET, Python, etc., with frameworks that have been generating HTML on the server for decades.
The churn in the JS/TS ecosystem is brutal, so if you decide to use technologies such as RSC, you have to be willing to constantly upgrade your dependencies to the latest version, which may come with breaking changes which you then have to fix.
December 16, 2025 at 4:30 PM
The churn in the JS/TS ecosystem is brutal, so if you decide to use technologies such as RSC, you have to be willing to constantly upgrade your dependencies to the latest version, which may come with breaking changes which you then have to fix.
This would not be possible if I hadn't gone through the pain of upgrading the project to the latest React and Next.js versions a few months earlier.
December 16, 2025 at 4:30 PM
This would not be possible if I hadn't gone through the pain of upgrading the project to the latest React and Next.js versions a few months earlier.
I was able to circumvent those in minutes by simply updating dependencies.
December 16, 2025 at 4:30 PM
I was able to circumvent those in minutes by simply updating dependencies.
To solve that, I configured a custom automation YAML file where I tell the spider crawler to go a maximum of 3 levels deep when browsing pages.
Otherwise, the report would go for tens of thousands of pages, which does not give any extra security information, just wastes resources.
Otherwise, the report would go for tens of thousands of pages, which does not give any extra security information, just wastes resources.
December 15, 2025 at 4:29 PM
To solve that, I configured a custom automation YAML file where I tell the spider crawler to go a maximum of 3 levels deep when browsing pages.
Otherwise, the report would go for tens of thousands of pages, which does not give any extra security information, just wastes resources.
Otherwise, the report would go for tens of thousands of pages, which does not give any extra security information, just wastes resources.
• Reduced boilerplate - I like keeping the code of my tests clean; otherwise, it can become slower to edit and adjust as the project grows and I write more and more tests.
December 12, 2025 at 4:32 PM
• Reduced boilerplate - I like keeping the code of my tests clean; otherwise, it can become slower to edit and adjust as the project grows and I write more and more tests.
• Fast execution - All variations run as separate, isolated tests.
December 12, 2025 at 4:32 PM
• Fast execution - All variations run as separate, isolated tests.
• Maintainable - Validation logic tested once, data variations come through the provider.
December 12, 2025 at 4:32 PM
• Maintainable - Validation logic tested once, data variations come through the provider.
• Easy to extend - I can easily add new yield statements for new test cases
December 12, 2025 at 4:32 PM
• Easy to extend - I can easily add new yield statements for new test cases
I use Tailwind for them, but vanilla CSS would also work.
I just find it much easier to design them with a composable solution like Tailwind.
I just find it much easier to design them with a composable solution like Tailwind.
December 11, 2025 at 4:33 PM
I use Tailwind for them, but vanilla CSS would also work.
I just find it much easier to design them with a composable solution like Tailwind.
I just find it much easier to design them with a composable solution like Tailwind.
• Higher definition - much sharper look than an image, because it's rendered directly on the page.
December 11, 2025 at 4:33 PM
• Higher definition - much sharper look than an image, because it's rendered directly on the page.
• Can use AI to generate them - AI is pretty good at generating these.
December 11, 2025 at 4:33 PM
• Can use AI to generate them - AI is pretty good at generating these.
• Can use translations - since it's just HTML rendered in the end, translating to different languages is as simple as the rest of the page.
December 11, 2025 at 4:33 PM
• Can use translations - since it's just HTML rendered in the end, translating to different languages is as simple as the rest of the page.
• Responsive - I can adjust the design for mobile and tablet sizes easily.
December 11, 2025 at 4:33 PM
• Responsive - I can adjust the design for mobile and tablet sizes easily.
• Changeable on the fly - if I don't like the illustration, I can adjust it via code.
December 11, 2025 at 4:33 PM
• Changeable on the fly - if I don't like the illustration, I can adjust it via code.
cool and creative stuff, what does this shell/bash helper do exactly?
December 11, 2025 at 4:09 PM
cool and creative stuff, what does this shell/bash helper do exactly?