Statamic Twitter

Display your twitter feed on your website using api v1.1. Currently there will be an issue if you fully cache your site. But we will add an option to fetch the feed with JavaScript soon.

Twitter Credentials

Within your Twitter account you can create an app and generate these details.

Available .ENV settings

Name	Default Value	Required
TWITTER_CONSUMER_KEY		Yes
TWITTER_CONSUMER_SECRET		Yes
TWITTER_ACCESS_TOKEN		Yes
TWITTER_ACCESS_TOKEN_SECRET		Yes
TWITTER_EXPIRATION	86400	No

Antlers Tag

{{ statamic_twitter cache="3600" count="6"}}
    {{ date format="Y-m-d" }}
    {{ text }}
{{ /statamic_twitter }}

Available Parameters

Name	Default Value	Required
cache	86400	No
count	3	No

Recipes

<section class="my-16 bg-gray-50 p-24">
    <div class="container mx-auto">
        <div class="grid grid-cols-3 gap-y-8 gap-x-8 ">
            {{ statamic_twitter cache="3600" count="3"}}
            <div class="bg-white p-8 shadow-xl">
                {{ if media }}
                {{ media }}
                <img class="w-full h-72 object-cover" src="{{media_url_https}}" alt="">
                {{ /media }}
                {{ else }}
                <img class="w-full h-72 object-cover" src="https://loremflickr.com/640/360" alt="">
                {{ /if }}
                <div>
                    <p class="my-4 text-sm"> <span class="font-bold">Posted:</span> {{ date format="Y-m-d" }}</p>
                    <p class="leading-snug">{{ text }}</p>
                </div>
            </div>
            {{ /statamic_twitter }}
        </div>
    </div>
</section>