Building a Website with Statamic
1h 33mAdvanced2022-08-24
Authors
Zuzana Kunckova
UK-based web developer with a background in psychology
Course details
Statamic is a flat-file, Laravel- and Git-powered content management system (CMS) designed for building beautiful, easy-to-manage websites. If you have experience with a CMS like WordPress and you know a little PHP, you may want to shift your approach in how you think about website design. In this course, instructor Zuzana Kuckova walks you through the process of creating a fully functioning Statamic website. Explore the entire range of the web design process, from customization strategies to tips for building a website without a starter kit. Zuzana shows you the technical skills you need to know to boost your career and level up as a back-end web developer. Along the way, test out your new skills in the practice challenges at the end of each section.
Skills covered
LaravelPHPContent Management Systems (CMS)Back-End Web DevelopmentAdvancedWeb DevelopmentOpen Source
Concepts
Introduction
- Introduction to Statamic
- What you should know
Getting Started
- Project walk-through
- What is Statamic
- Installing Statamic
The Back End
- Content modelling
- Collection, blueprints, and fieldsets
- Adding content
- Navigation and forms
- Challenge - Contact page content
- Solution - Contact page content
Building the Design
- Base layout and navigation
- Book listing page
- Book page
- Contact page
- Home page
- Challenge - Make the About page dynamic
- Solution - Make the About page dynamic
Customizing Statamic
- Customising the Statamic dashboard - Widgets
- Customising the Statamic dashboard - Add-ons
- Challenge - Installing a widget or an add-on
- Solution - Installing a widget or an add-on
Deploying Statamic on Netlify
- Getting ready to deploy
- Deploying the project on Netlify
- Challenge - Update website content
- Solution - Update website content
Conclusion
- Where to go from here