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
0. Introduction
- 01 - Introduction to Statamic
- 02 - What you should know
1. Getting Started
- 03 - Project walk-through
- 04 - What is Statamic
- 05 - Installing Statamic
2. The Back End
- 06 - Content modelling
- 07 - Collection, blueprints, and fieldsets
- 08 - Adding content
- 09 - Navigation and forms
- 10 - Challenge - Contact page content
- 11 - Solution - Contact page content
3. Building the Design
- 12 - Base layout and navigation
- 13 - Book listing page
- 14 - Book page
- 15 - Contact page
- 16 - Home page
- 17 - Challenge - Make the About page dynamic
- 18 - Solution - Make the About page dynamic
4. Customizing Statamic
- 19 - Customising the Statamic dashboard - Widgets
- 20 - Customising the Statamic dashboard - Add-ons
- 21 - Challenge - Installing a widget or an add-on
- 22 - Solution - Installing a widget or an add-on
5. Deploying Statamic on Netlify
- 23 - Getting ready to deploy
- 24 - Deploying the project on Netlify
- 25 - Challenge - Update website content
- 26 - Solution - Update website content
Conclusion
- 27 - Where to go from here
Related courses
- Building a Website with Laravel, React.js, and Inertia
- Building a Website with Node.js and Express.js
- Building a Small Business Website with Open Source WordPress
- Building a Small Business Website with WordPress.com
- WordPress: Building a Secure Site
- Building a Small Business Website with Shopify
- Hands-On AI: Building and Launching a Website with v0 and Vercel
- Building a Portfolio with Adobe Portfolio