The frontend of a website is what users see and interact with in their browser. It includes everything from the text and images, to the various layouts and even RSS feeds your readers and visitors consume.
It’s highly likely this isn’t new information – most people who read these docs are developers with front-end experience. Please keep reading though! There’s good info in here.
The backend of a Statamic site is all of the PHP and Laravel code that you can customize and extend to add your own unique features and capabilities to your site.
Statamic’s Control Panel sits outside both the frontend and backend as a tool to publish and manage content, users, and assets.
The Frontend is Yours
In today’s tech-driven ecosystem there are countless ways to build a website. You could…
- Write a Single Page Application (SPA) with Vue.js or React to run your entire site without the need for page refreshes
- Use HTML and Statamic’s Antlers template language to build a dynamic site with smart caching
- Go for the JAMStack approach and run a statically generated site without server-side processing
- Build a standard Statamic site and deploy a static version to Netlify
- Go skateboarding and stay away from computers and their nerd owners
Just like the honey badger, Statamic don’t care. You can take any of these approaches or one of many others — including several that will be invented tomorrow and forgotten by autumn.
It’s up to you. Write or generate HTML somehow and let Statamic get it to the browser.
Path of Least Resistance
You’ll be able to take advantage of all of our powerful, tightly coupled tags that do most of the heavy lifting — like fetching and displaying content from collections and taxonomies, manipulating, assets, and rendering variables.
Let’s take a quick look at what happens during a typical Statamic frontend request: