[ad_1]
[ad_2]
After not developing WordPress site for quite some time we are getting back into this and are looking for tips&tricks to do it right.
We don't want to use external page builders such as Elementor. Don't suggest it.
Our setup is as follows for now:
- Very clean starter theme that sets some css for default WordPress blocks such as headings, paragraphs, gallery and lists. Furthermore this theme enabled SVG uploads and sets css variables for our custom blocks.
- We use Advanced Custom Fields PRO to setup Blocks and Fields for these blocks. We are working on a block library for default stuff that can be fully customised within the theme using CSS variables.
- Blocks are defined within a plugin. Each block has it's own folder containing: block.json, blockName.php, blockName.scss (compiled via PhpStorm to css), fieldGroup_blockName.json and blockName.js. The ACF fields are automatically saved to this fieldgroup json file.
- When blocks are very specific to the client, we put it into the theme or into a client specific block plugin.
Now we are looking into improving this and making it better. What tips can you guys give us?

You should add browser sync to improve developer experience. What is your development setup?