BlogBlog

The Okuldaş content kit

A gallery of every content component, from callouts and charts to video and before/after sliders.

Enver Yeşilşiraz· Co-founder
· 1 dk okuma

Every block below is a real MDX component you can drop into any post. This page is a draft, so it only shows up in development.

Callouts

Callouts carry a semantic accent and an icon.

Info: the "Available in" switcher at the top jumps between all twelve languages.

Tip: keep announcement intros to two sentences so the summary card reads well.

Warning: run a backup before upgrading a multi-branch network.

Success: your timeline is now serving every family in their own language.

The numbers

For a single headline metric, a stat tile beats a chart.

3.2×
Faster translation than 2.x
12
Languages at launch
41%
Fewer parent no-shows

Pictures and video

Abstract brand gradient
A figure with a caption. Captions are optional and only used when they add context.

Self-hosted video sits inline, muted until played:

YouTube loads only after you click, so nothing third-party runs on page load:

Drag to compare a before and after:

The redesigned timelineBeforeAfter

Charts

Adoption over the launch quarter:

Median translation time by platform, in seconds:

Code

Fenced blocks get a filename header, line highlights, and a copy button:

okuldas.config.ts
export const config = {
  timeline: "daily",
  languages: 12,
};

What changed

AreaOkuldaş 2Okuldaş 3
TimelinePer classOne daily feed
Languages612
DashboardsSingle branchMulti-branch

Upgrading

1
Back up your data

Export the current term from Settings before you start.

2
Run the upgrade

Update the app, then run okuldas doctor --check timeline.

3
Verify the timeline

Open a class feed and confirm posts appear in every language.

Frequently asked

Do families need to pick a language?

No. Each family sees the feed in the language set on their own device.

Does translation cost extra?

All twelve languages are included on every plan.

Can I run more than one branch?

Yes. Multi-branch dashboards ship with Okuldaş 3.

Where to start

Install from the App Store, then sign in with your school code.

In their words

Parents finally read every update on the day it matters, in the language they actually speak at home.

Elif Yıldız, Head of Product, Beşiktaş College

From the community