The Webiny Framework is the underlying framework that powers the Webiny content platform. It provides a robust foundation for building and customizing applications within the Webiny ecosystem. In this lesson, we will provide an overview of the Webiny Framework and its key features.

Overview of the Webiny Framework

Webiny Framework is a TypeScript-based framework that enables developers to build applications and customizations on top of Webiny. The framework is part of a larger developer toolkit that includes the Webiny CLI, SDKs, and other utilities that facilitate the development process.

Some of the key features of the Webiny Framework include:

• Modular architecture: The framework is built on a modular architecture that allows developers to create reusable components and services. This modularity makes it easy to maintain and scale applications as needed.
• GraphQL API: The Webiny Framework provides a powerful GraphQL API that allows developers to interact with the underlying data layer. This API can be used to fetch, create, update, and delete content programmatically.
• Serverless-first: The framework is designed with serverless architecture in mind, making it easy to deploy applications to cloud platforms like AWS Lambda. This serverless approach ensures scalability, cost-efficiency, and high availability.
• TypeScript support: The Webiny Framework is built with TypeScript, providing developers with strong typing and modern JavaScript features. This enhances code quality and maintainability.

Extensibility and Customization

todo

Webiny Design System

The Webiny Design System is a collection of reusable UI components and design patterns that help developers to create consistent and visually appealing user interfaces within the Webiny ecosystem. Often times you want to customize and existing app, or build a new app where you need a button, an accordion, a modal, or a form element - instead of building these from scratch, you can leverage the pre-built components from the Webiny Design System.

Click to enlarge

Webiny Design System is built using shadcn, a popular CSS framework that provides a solid foundation for building responsive and accessible web applications. Our design system comes with a library of 40+ pre-built components, including buttons, forms, modals, and more. These components allow developers to adapt them to their specific needs while maintaining a consistent look and feel across the application.

To explore the Webiny Design System and its components, visit the Webiny Design System documentation.