### Backstory
I’ve been away from WordPress development for a couple years. Im trying to mount a comeback in a big way. I currently have my dev environment setup with PHP 8, WP-CLI, Composer, Sage 10, Bedrock, Acorn, Bud.js, SASS & Bootstrap 5.
### Where to go from here
Im wondering if anyone can provide some advice on where to go next? Does anyone have a good tutorial they recommend for building out a Sage 10 theme from scratch? Or is there a prebuilt theme I could look at for some help?
Im putting together a Figma mockup of what I’m trying to build, but figuring out where everything goes and how all the parts is a little overwhelming. The docs all do a great job getting me up and running, but its like they helped me get my library card and now im standing in front of the stacks wondering where to start.
### Baby Steps
For instance, I want to have a hero on the homepage that cycles through a couple prebuilt items. In the past I would have loaded up a slider plugin, coded out my items in that UI, and then dropped the short code into my home page template file.
With the new ecosystem, is it better to use something like, [https://github.com/Log1x/poet]) with ACF and make a custom post type? Or can I make a Blade partial for the image carousel?
### Summary
Any helps, tips, trick etc would be really appreciated. Im not destitute either, if someone knows of a premium theme that I could purchase I am willing to drop a little money to level up.
## Thanks for reading!
[ad_2]
I would use Slick JS for the carousel feature, ACF fields on a custom post type for the content, including a Boolean value on the ACF field for including it in the slider. That way you don’t have to delete posts if you don’t want to include them later.
Anyway. Make a new template for a block. Register it, either manually or with ACF Extended. In the block template query the custom post type. Make a new div and assign it whatever class you’re going to tell Slick to use in its JS file. Then loop through the custom posts, assign ACC field values to variables (you may need to use a postId argument on get_field() too) and add a conditional to check if the Boolean is marked true. Then echo the html along with the variables’ values (you could also just do the get field calls here but I prefer separating them since the Boolean field has to be before this regardless) for an individual slider item.
Implementing slick isn’t too hard either. You upload a couple JS files, a couple CSS files, and you write a new little jQuery / JS script (I kept it separate but it can go in functions.php too) and enque all of them. The documentation on the slick website shows the stuff you need to implement and customize it pretty clearly.
Then just include that block wherever in the page you want it. Or go ahead and add the functionality into the template file itself if you’re doing the index.php *and* page.php thing.