Tutorials
Step-by-step guides to help you master Structor and build amazing websites. Whether you're just starting out or looking to learn advanced techniques, we've got you covered.
Getting Started: Your First Project
Learn how to create your first project in Structor, set up your workspace, and build a simple landing page from scratch.
Building a Modern Landing Page
Create a beautiful, responsive landing page with hero sections, features, testimonials, and a call-to-action. Learn layout techniques and component composition.
Creating Interactive Components with Actions
Master the Actions system to build dynamic, interactive components. Learn how to handle clicks, form submissions, data fetching, and state management.
Adding Animations and Transitions
Bring your designs to life with smooth animations, hover effects, scroll-triggered animations, and transitions. Learn best practices for performant animations.
Working with Data and APIs
Connect your projects to external data sources, integrate with APIs, use Supabase for databases, and build dynamic, data-driven applications.
Using Version Control and Branching
Manage your project history with Git-like version control. Learn how to create commits, branch your work, merge changes, and collaborate effectively.
Deploying Your Project
Export your Structor project and deploy it to production. Learn about static exports, hosting options, domain configuration, and best practices for deployment.
Ready to Start Building?
These tutorials will guide you through building real projects with Structor. Each tutorial includes step-by-step instructions, code examples, and best practices.
Need Help?
If you get stuck on any tutorial or have questions, our community and support team are here to help.