Flynt - A Component Based WordPress Starter Theme for Developers To Create Tailored Websites 🚀

Get a first look into how you can use the Flynt Wordpress starter theme to create a website which is split into maintainable smaller components. This will allow you to get more professional at creating a theme and sites specifically for your customers needs.
Flynt gives you a great Developer Experience (DX) by combining a simple but rock solid setup of Advanced Custom Fields (ACF), Timber & Twig, Sass and Web Components with Javascript. It comes with hot reloading and a no-touch Webpack setup.
Chapters:
0:00 Intro
1:00 What makes Flynt great
3:43 Content Editing Workflow
4:50 What makes a component?
7:15 Component code hands-on
11:51 Helpful resources for getting started with Flynt
Mentioned Links:
- Flynt website: flyntwp.com
- Flynt on Github: github.com/flyntwp/flynt
- Discussion Board on Github: github.com/flyntwp/flynt/disc...
Tools that Flynt uses:
- ACF Advanced Custom Fields Pro: www.advancedcustomfields.com/...
- Timber for Wordpress: upstatement.com/timber/
- Web components: developer.mozilla.org/en-US/d...
- Sass / Scss: sass-lang.com/

[@96L30N]

Thanks! Great introduction :)

[@aaronmeder]

Thanks so much for the feedback!

[@stewtech]

Project using Flint please 🎉🎉🎉

[@OneBigByte]

Very Useful. hope there is a more detailed guide for newbies like me. Thank you. Cheers!

[@ThomasReadings]

Incredibly useful for evaluating the approach, thanks

[@aaronmeder]

Thanks a lot Thomas! Have you worked with Flynt or Timber before?

[@BleechBerlin]

Thanks for that great video, Aaron!

[@thejasonparker]

Thanks for a great video outlining the basics. Could you do one showing how you’d setup your dev environment and build out a home page with styling?

[@aaronmeder]

Thanks for the feedback! Would love to do a hands-on "Create a simple website with Wordpress & Flynt". Takes quite a lot of time however so I am not sure yet ;-)

[@KristjanKoppel123]

Thanks for video. It was good introduction to Flynt - explaned nicely the "component" logic in Flynt. Tho i don't like the CSS in JS thing :D But i understand why this is done like this - automated component handling.

[@aaronmeder]

@Kristjan thanks for the nice feedback! 🙌
With Flynt CSS is actually written separately from JS; I would also not like the CSS in JS approach ;-)
What is used is "Scss" - an extension for CSS to allow devs to use features like nesting, but you could also just write plain CSS if you prefer that.

[@pierreberchtold1807]

🤩

[@siegfried-deploy]

😍

[@aurelsadar7629]

Promo>SM

[@aaronmeder]

Hey Aurel! Not quite sure what you meant by that comment?