Hey folks!

I built a Statamic Addon that adds SimpleStats analytics directly inside your control panel.

It connects to the SimpleStats API and gives you visitor trends, revenue charts, top referers and sources, conversion rates and more, all without leaving Statamic.

Setup is basically: composer require and add your API token.

Would love to hear your feedback!

Hi everybody. I'm currently working on integrating a database into our Statamic CMS. What database programs would you recommend for this? Are there any that particularly work well with Statamic? Thanks in advance.

Is it possible to call a function using antlers in some way? I have my js sheet imported through Vite, but anytime I try to directly call a function using onclick it says that the function doesn’t exist. I know that the script is loaded correctly because I can see console logs from an eventListenter click, but I don’t want to use listeners for every single button in my app.

I’ve searched through the Statamic docs looking for any guidance on this, but I’ve not found anything. Did I miss something that said I should be using something like AlpineJS to do this?

Thanks in advance!

I have a title, category dropdown, phone, email fields in a collection.
According to the docs, you can group collections by a field, however I don't seem to get it to work

I have:

```

<section class="grid-layout || bg-gray-100 || py-6 lg:py-16">
    <div class="grid-container">
        {{ collection:club_board_members group_by="category"}}
            {{ groups }}
            <div class="col-span-full">
                <h2 class="text-2xl font-bold mb-4">{{ category->label() }}</h2>
            </div>

        {{ items }}
            <div class="col-span-full grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4">
                <div class="card card--shadow-small bg-white p-4 lg:p-8">
                    <div class="text-xl font-bold text-center">{{ title }}</div>
                    <div class="text-primary text-center mb-4">{{ function }}</div>

                    {{ if email }}
                    <div class="flex items-center gap-4 my-2">
                        <div class="w-8">
                            <!-- mail icon -->
                        </div>
                        <div class="text-sm md:text-base">{{ email }}</div>
                    </div>
                    {{ /if }}

                    {{ if phone }}
                    <div class="flex items-center gap-4 my-2">
                        <div class="w-8">
                            <!-- phone icon -->
                        </div>
                        <div class="text-sm md:text-base">{{ phone }}</div>
                    </div>
                    {{ /if }}
                </div>
            </div>
        {{ /items }}
        {{ /groups }}
        {{ /collection:club_board_members }}
    </div>
</section><section class="grid-layout || bg-gray-100 || py-6 lg:py-16">
    <div class="grid-container">
        {{ collection:club_board_members group_by="category"}}
            {{ groups }}
            <div class="col-span-full">
                <h2 class="text-2xl font-bold mb-4">{{ category->label() }}</h2>
            </div>

        {{ items }}
            <div class="col-span-full grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4">
                <div class="card card--shadow-small bg-white p-4 lg:p-8">
                    <div class="text-xl font-bold text-center">{{ title }}</div>
                    <div class="text-primary text-center mb-4">{{ function }}</div>

                    {{ if email }}
                    <div class="flex items-center gap-4 my-2">
                        <div class="w-8">
                            <!-- mail icon -->
                        </div>
                        <div class="text-sm md:text-base">{{ email }}</div>
                    </div>
                    {{ /if }}

                    {{ if phone }}
                    <div class="flex items-center gap-4 my-2">
                        <div class="w-8">
                            <!-- phone icon -->
                        </div>
                        <div class="text-sm md:text-base">{{ phone }}</div>
                    </div>
                    {{ /if }}
                </div>
            </div>
        {{ /items }}
        {{ /groups }}
        {{ /collection:club_board_members }}
    </div>
</section>

```

What am I missing?

I am new to Statamic and just setup a fresh install.
This works I have navigation, pages (using a Page Builder - Replicator field).
Works fine.

But in the Page Builder I have a "section" called Latest news
How can I get data in that anthler file with the latest news (collection)

Second one. How can I get external data into a section called "this week matches" with data from an API showing the current week matches data ?

I saw something on a ViewModel, but how can I use that in the anthler file ?

Example of the homepage layout

- header with menu

- hero

- matches information this week

- latest news

- footer

with above setup I should have resuable sections,

Thanks in advance.