<aside> <img src="https://s3-us-west-2.amazonaws.com/secure.notion-static.com/ea1cfe02-0b20-4435-b6e8-b52707a6c06f/Untitled-1.png" alt="https://s3-us-west-2.amazonaws.com/secure.notion-static.com/ea1cfe02-0b20-4435-b6e8-b52707a6c06f/Untitled-1.png" width="40px" />

🏁 Getting Started


Dive into ScandiPWA by setting up your development environment. This section guides you through the system requirements, installation process, updates, and contributions. It’s the perfect starting point for developers new to ScandiPWA.

Get started

</aside>

<aside> <img src="https://s3-us-west-2.amazonaws.com/secure.notion-static.com/ea1cfe02-0b20-4435-b6e8-b52707a6c06f/Untitled-1.png" alt="https://s3-us-west-2.amazonaws.com/secure.notion-static.com/ea1cfe02-0b20-4435-b6e8-b52707a6c06f/Untitled-1.png" width="40px" />

🧠 Learn Concepts


This part of the documentation explains the fundamental concepts of ScandiPWA. It covers topics like architecture, code styles, and common tools. Understanding these concepts will help you navigate and work effectively with ScandiPWA.

Learn concepts

</aside>

<aside> <img src="https://s3-us-west-2.amazonaws.com/secure.notion-static.com/ea1cfe02-0b20-4435-b6e8-b52707a6c06f/Untitled-1.png" alt="https://s3-us-west-2.amazonaws.com/secure.notion-static.com/ea1cfe02-0b20-4435-b6e8-b52707a6c06f/Untitled-1.png" width="40px" />

👨‍🎨 Style the Application


Learn how to customize the look and feel of your ScandiPWA application. This section provides information on how to override existing styles, how to use BEM, how to style each component and implement your own unique design elements.

Style the application

</aside>

<aside> <img src="https://s3-us-west-2.amazonaws.com/secure.notion-static.com/ea1cfe02-0b20-4435-b6e8-b52707a6c06f/Untitled-1.png" alt="https://s3-us-west-2.amazonaws.com/secure.notion-static.com/ea1cfe02-0b20-4435-b6e8-b52707a6c06f/Untitled-1.png" width="40px" />

➕ Implement a feature


Discover how to add new functionality to your ScandiPWA application. This section walks you through the process of creating an extension, understanding the feature, and integrating and implementing it using plugins. It also includes best practices for coding and debugging.

Implement a feature

</aside>

<aside> <img src="https://s3-us-west-2.amazonaws.com/secure.notion-static.com/ea1cfe02-0b20-4435-b6e8-b52707a6c06f/Untitled-1.png" alt="https://s3-us-west-2.amazonaws.com/secure.notion-static.com/ea1cfe02-0b20-4435-b6e8-b52707a6c06f/Untitled-1.png" width="40px" />

📈 Improve CWV


Optimizing your application’s performance is crucial for user experience and SEO. This part of the documentation offers tips and techniques to improve Core Web Vitals, such as eliminating blocking requests, optimizing network payload, and polishing the loading experience.

Improve CWV score

</aside>

<aside> <img src="https://s3-us-west-2.amazonaws.com/secure.notion-static.com/ea1cfe02-0b20-4435-b6e8-b52707a6c06f/Untitled-1.png" alt="https://s3-us-west-2.amazonaws.com/secure.notion-static.com/ea1cfe02-0b20-4435-b6e8-b52707a6c06f/Untitled-1.png" width="40px" />

❓ FAQ


Find quick answers to common questions about ScandiPWA. This section covers a range of topics to understand how and why ScandiPWA works this way. It’s a handy resource for developers at all levels of experience with ScandiPWA.

ScandiPWA FAQ

</aside>