From the moment Server Actions and Server Components came out, there's a common tendency to avoid client code. And for a good reason. We want to harness the server's power and run as little code as possible in the browser to improve our app's performance.

How to show a toast message when using Server Actions in Next.js

Server Actions are async functions executed on the server that can be called from Server and Client Components. There needs to be more clarity about how to call client code with Server Actions. We need more examples.

How to use Server Actions and client code together in Next.js

Database scaling and dev ops are usually a nightmare for developers who focus on shipping new apps and features. To help with this, new database providers have arisen in the last couple of years, offering serverless database solutions.

5 Serverless Database solutions to kickstart your Next.js app

When submitting a form using Server Actions, we often want to display the up-to-date data on the screen. For example, if we submit a form to create a new user, we want to show the new user on the screen. Or, if we are updating a user, we want to display the updated user on the screen.

How to refresh your data using Server Actions and Drizzle in Next.js

Server Actions is a new feature introduced with Next.js 13.4 that allows you to run server-side code when submitting a form. Since the action happens on the server, you might need help wrapping your head around resetting the form.

How to clear your forms when using Server Actions in Next.js

PlanetScale and Drizzle ORM have quickly become popular to use with full-stack applications built with Next.js. In this article, I'll show you how to set up and connect both in your Next.js app.

How to connect Drizzle with PlanetScale in your Next.js app

If you feel CSS is difficult to understand, it is likely you didn't break it down to the level it makes sense for you. Simplifying the concepts you need to learn so that you can grasp them and improve your knowledge is a sure way to progress.

CSS Made Easy: 5 Free Online Resources for a Solid Foundation


In recent years, TypeScript has gained significant popularity and has become one of the fastest-growing programming languages. You don't need to learn it, but it would be a great asset if you did.

Gain the Edge: How Learning TypeScript Can Propel Your Front-End Career


Like it or not, it's a fact. Most companies use React to build their products. I will not question whether React is an excellent choice to make a web application. What I care about is answering the question of whether learning React will impact your job success.

Can Learning React Boost Your Employment Opportunities?

You are already a good enough Front-End Engineer with a good track record and enough skills to thrive in the market. What if this still does not land you new interviews, let alone the ideal opportunity? It's time to up your game.

How to Level Up and Become More Employable as a Front-End Engineer?

You're using Ember Simple Auth in your Ember app and you're migrating away from mixins, but you're not sure how you can overwrite the default transitions. You want to get it right the first time, don't you?

Ember Simple Auth - how to overwrite the default transition after authentication

Imagine you're making a network request to fetch data. While the promise is pending and the user is waiting, you need to give them UI feedback. A spinner icon or a skeleton placeholder. You need to test this loading state and check all elements render as expected. How do you do it?

How to test loading and error states using Mirage and Sinon

We're going to dive into how to use Mirage.js and Sinon.js together. What are some of the testing scenarios where combining these tools can yield the best result?

How to test network requests, using Mirage and Sinon

When we get to the final step of releasing a piece of code we always find ourselves doing repetitive manual work. We probably have to have the release process documented somewhere and always make sure we follow all the steps in the right order.

Release it like it's hot - step by step release flow set up for your apps and addons

Generally, when we deal with promises we need to be able to manipulate the UI, while a promise is pending. Think about showing a loading indicator, displaying a message on the screen or changing the state of a button.

Promises and UI states in Ember.js

Advanced select components are great for an enhanced User Experience. Giving the user options to do more stuff right from within the select component is empowering UX. The user doesn't have to leave the context of the job he's doing to do something related.

Ember Power Select - How to Add a Custom Create Option

Almost any serios web and mobile app has to deal with authentication at some point. Being a security matter this is not always easy to get done. Luckily, in Ember.js there is a great add-on for this. Ember Simple Auth is the standard solution for authorisation and authentication in Ember.

Ember Simple Auth - How to Access the Current User in the Model Hook

We all want to make our application as future proof as possible. The result is that in many situations, some of us, avoid using Controllers at any cost. We end up with too much overhead and complexity and it becomes hard to maintain overtime.