Scaling a Next.js application requires more than just writing good code—it demands a modular, future-proof architecture. This article introduces a three-layer monorepo structure that separates applications, shared packages, and self-contained features. The result is a system that supports team autonomy, reduces duplication, simplifies deployments, and stays maintainable as complexity grows. Whether you're starting fresh or evolving an existing codebase, this approach offers a clear path to building scalable, high-performing front-end systems.

This article walks through building a fully type-safe internationalization setup in a Next.js 15 app using next-intl. It covers organizing translations into feature-based namespaces, generating type declarations from the default locale, and enforcing type safety with tools like ICU MessageFormat. The setup includes automatic locale detection, developer-friendly features like inline translation previews via the i18n-ally extension, and a script to keep translation keys sorted. The goal is to reduce human error, enhance the developer experience, and ensure robust multilingual support with minimal friction.

The guide shows how to add type safety to internationalization in projects without built-in solutions like next-intl . It covers generating TypeScript types from YAML or JSON translation files, integrating a build script to keep types up to date, and setting up file watchers or bundler plugins for automation. It also includes defining a typed t function to catch translation key errors at compile time.

This article discusses implementing a middleware-based workflow for AWS Lambda functions using TypeScript to improve maintainability and scalability. It highlights the benefits of TypeScript for AWS Lambda, such as type safety and reduced errors, and emphasizes the importance of schema validation for data integrity. The article explores three approaches: a basic Lambda, a Lambda with @middy, and one enhanced with @raminy/ajv-ts-schema for schema validation. It also addresses the drawbacks of manual validation, like tediousness and error-proneness. By using middleware and schema validation, Lambda functions focus on business logic, offloading validation to reusable components.

@raminy/ajv-ts-schema is an npm package that enhances AJV, a library for JSON Schema validation, by simplifying schema definitions in TypeScript. It uses decorators to define schemas in a fully typed and developer-friendly way, offering features like code completion, type safety, and reusable schema definitions.

This article explains how RSA encryption adds an extra layer of security to sensitive data beyond HTTPS. While HTTPS protects data in transit, RSA encryption helps guard against risks like MITM attacks, compliance issues, and replay attacks. The process involves the back-end generating RSA key pairs, sending the public key to the front-end, and the front-end encrypting data before sending it back for decryption. By securely managing keys with cache expiration, RSA ensures sensitive data remains protected throughout communication.

The article discusses creating a union type in Typescript from a product taxonomy. It outlines a solution to infer unique keys directly from the taxonomy structure, thereby reducing potential errors and simplifying data management. The document includes code examples demonstrating how to traverse the taxonomy and generate a union type using Typescript's advanced features.

In Ember.js, instead of using React's refs, the “did-insert” modifier provides access to native HTML elements. To achieve similar functionality as React 's “useImperativeHandle”, you can pass a “ref” argument to a child component and call it in the constructor, allowing the parent component to access public methods of the child. This approach ensures controlled exposure of methods and properties, maintaining encapsulation.

Ramin completed a short-term contract at Equinox Ventures, developing 30 front-end components and Editor.js plugins, averaging nearly one component per day. The framework-agnostic library was built with TypeScript, Vite, TailwindCSS, and SASS Modules, and included complex elements like charts and tables. Feedback from team leaders praised Ramin's quick turnaround, technical expertise, and collaborative nature, highlighting his value as a front-end developer.

CliqMind is a team productivity tool developed from RaaiVan, designed for small teams and enterprises. It features a cloud-friendly architecture with microservices, including authentication, account management, and a search engine, utilizing technologies like Java Spring Boot, PostgreSQL, and React. The project emphasizes collaboration through templates, a social space, and a wiki, while also employing CI/CD practices with Jenkins and Docker for deployment.

During their tenure at IE, the author worked as a Senior Front-End Developer on the Toyota website team. They contributed to the development and maintenance of the ToyotaKit component library, implemented OCR functionality using Azure Cognitive Services, and worked on various features for the Toyota.com.au website. They also provided mentorship to junior and mid-level engineers and received recognition for their technical expertise and collaborative spirit.

This blog post discusses the process of building a personal website at no cost using Next.js, Vercel, and Notion. The author shares their challenges, solution, and technical aspects of the project, including the choice of Next.js over React for better SEO, the routing mechanism, and integration with Notion using the @notionhq/client npm package.