Extension nnhelpers - Cheat sheet in the TYPO3 backend

Yes, hello Wolfgang Wagner, here is a short video about a small extension that might be of help to some when developing a website. The extension nnhelpers provides a kind of cheat sheet in the backend, on which frequently used codes, snippets, code snippets, explanations of functions and so on can be seen.

The whole thing is mainly aimed at developers, extension developers and core developers. But there is also something for integrators. And I think it can be a really nice help, especially for people who are new to the subject and don't yet have that much experience and perhaps still need to consult the documentation more often, because

there are many functions, many code snippets and you don't have to go to the documentation, i.e. docs.typo3.org, to find more information. We can see that the extension works from TYPO3 8 to 10 and can be installed as normal via the Extension Manager or via Composer.

Nothing special so far. In the backend, I have already done this here and activated the extension, a new module appears here in the administration tools, called Helpers. And if we go in there, we'll find different areas. Here at the top, recipes, cheat sheets, then here above, for example, Viewhelper and TypoScript Helper.

And the lower section is actually aimed more at developers. Many methods and functions that are helpful in extension development, for example. You can then simply click in here and you will see various snippets of TypoScript setup for the page template, for example.

used very often. And if you don't have a basic template, for example, that you always use anyway, then it can be quite helpful under certain circumstances that you can simply copy and paste the code and adapt it.

A very nice function, especially in this area, is the one above. Here I can replace certain values in real time. For example, we can see that this refers to an extension with the extension key nnsite. If I were to use this code for myself, then my extension, my site package, would certainly have a different name.

Then I can simply replace this above. I can then enter my extension key here. We can see that this is updated immediately in various places below and then I can actually work with copy and paste, so to speak. That makes the whole thing much easier, of course.

So it's a really cool function. This is also available for the vendor name, for example, if you work with namespaces or use code here that contains namespaces, then this is automatically replaced everywhere. We also see PageTSconfig snippets for backend layouts, for example, and various other stories.

Many of these common things that are often used are already included here. The whole thing also has a search function, which we can find here at the top right. I'll fold it up here. And if I now search for the term fluid, for example, we can see that this is now reduced here and I can now only see elements where this term appears.

term appears in it. In theory, the term fluid should be found here somewhere. Here, for example, simply in a comment. But this way you can narrow it down a bit. Yes, it's a useful little extension that is constantly being developed, as far as I've seen.

Then new snippets are added. If I understand correctly, the extension was originally created by an agency that actually used it for its own projects in order to be able to quickly look up frequently used code snippets and frequently used functions in the project during development.

The extension has recently been made publicly available in the extension repository. And yes, it may indeed be of interest to one or the other. Of course, at some point you might have your own collection of code snippets, but I think it could be a help, especially for beginners who are new to the subject.

Yes, I just wanted to show you this extension. And then I wish you lots of fun with it.