* feat: add initial configuration and social icons for AstroPaper theme
* feat: add theme styles and design tokens
* chore: configure Astro with sitemap, i18n, fonts, and tooling
- Set site URL, i18n (single locale, no prefix), sitemap integration
- Add Google Sans Code font via stable fonts API
- Configure Shiki dual-theme markdown (min-light / night-owl)
- Fix astro-paper.config.ts to use relative import (alias not
available when Vite loads root-level config files)
- Add @astrojs/sitemap and @typescript-eslint/parser dependencies
- Wire @typescript-eslint/parser into ESLint so TypeScript syntax
in Astro frontmatter (type Props, etc.) parses correctly
* feat: add base styles, dark variant, and typography
- global.css: dark variant via [data-theme], base layer for * / a /
button selectors, scrollbar tokens, layout utilities (max-w-app,
app-layout), active-nav as @utility for Tailwind variant support
- html and body classes moved directly onto elements in BaseLayout
(Tailwind-native approach) so only truly global selectors remain here
- typography.css: prose overrides, Shiki light/dark code block
switching, diff/highlight/word-highlight transformer styles
* feat: add i18n types, English strings, and useTranslations helper
Plain typed object approach — no third-party i18n library needed.
Paraglide.js was considered but requires SSR output (hard blocker
for a static Astro site).
- UIStrings interface with nav, post, pagination, and a11y groups
- en.ts with `satisfies UIStrings` for literal-type preservation
- useTranslations(locale) helper falls back to English automatically
Adding a new language is a one-file addition; full routing stays
as a registry add-on.
* feat: add client-side theme toggle script
- Reads window.__theme.value set by the inline FOUC-prevention script
to avoid re-detecting the theme on first load
- Toggles data-theme on <html> and persists to localStorage
- Fills <meta name="theme-color"> with the computed background colour
so Android's browser chrome matches the page
- Re-runs setup on astro:after-swap for View Transitions navigation
- Carries theme-color across astro:before-swap to prevent navbar
flicker on Android during page transitions
- Syncs with OS prefers-color-scheme changes at runtime
* feat: add BaseLayout and PostLayout
BaseLayout (replaces scaffold Layout.astro):
- Font, canonical URL via Astro.site, RSS autodiscovery
- FOUC-prevention inline script sets data-theme before first paint
and exposes window.__theme.value for theme.ts to reuse
- html/body classes on elements directly (Tailwind-native)
- <slot name="head"> for child layout injection
- ClientRouter for View Transitions (respects lightAndDarkMode flag)
- googleVerification rendered from config instead of .env — it is a
public string, not a secret, and not environment-specific
PostLayout (new):
- Wraps BaseLayout; injects article-specific head content via slot
- Overrides og:type to "article"
- Adds article:published_time / article:modified_time conditionally
- JSON-LD BlogPosting with conditional datePublished/dateModified
(fixes old bug where absent dates produced "undefined" string)
- Structured data only on actual post pages (not home/archives/tags)
SiteConfig: add optional googleVerification field
* chore: replace scaffold index page with BaseLayout placeholder
* feat: add Header component
* feat: add Footer and Socials component
* chore: install dayjs, slugify, zod, @astrojs/mdx and add MDX integration
* feat: add resolved config that applies defaults in one place
Defaults for posts, features, socials, and shareLinks are merged in
src/config.ts so all consuming code gets non-optional types with no
scattered ?? fallbacks.
* feat: add content schema, blog path, and post utilities
Renames collection blog→posts, moves content to src/content/posts/,
adds .mdx support, and adds a typed pages collection. Includes
getSortedPosts, postFilter, getPath, and slugify utilities.
* feat: add Datetime and Card components
* refactor: switch layouts and components to resolved config
Replaces @/astro-paper.config imports with @/config and removes
optional chaining on feature flags now that the resolved config
guarantees non-optional values.
* feat: add home and footer i18n strings
* feat: implement home page with hero, featured, and recent posts
Replaces the BaseLayout placeholder with the full index page:
hero section with RSS link and social links, featured posts section,
recent posts capped at posts.perIndex, and an All Posts link. All
section labels come from i18n.
* feat: add pagination component
* feat: add Breadcrumb component with locale support
* feat: add Main component
* refactor: update code formatting in Card.astro
* feat: add posts page
* fix: add missing @astrojs/mdx dependency
* refactor: rename meta to pages in i18n
* refactor: improve code formatting in Breadcrumb
* refactor: destructure props in Main component for clarity
* feat: add tag pages
* feat: add About page
* chore: update i18n configuration to use site language from config
* feat: add Archives page
* feat: integrate Pagefind search functionality
* feat: add dynamic Open Graph image generation for posts
* feat: add post detail page
* feat: add Shiki transformers
* chore: remove unused edit link text
* chore: update .gitignore to include generated Pagefind directory
* chore: update site URL in configuration to production link
* chore: replace favicon and remove unused SVG assets, add new Open Graph image
* feat: update site config with default values
* feat: add default OG image path resolution
* fix: ensure edit post feature checks for enabled status correctly
* feat: implement dynamic Open Graph image generation
* feat: add RSS feed generation functionality
* feat: add 404 Not Found page
* feat: add robots.txt generation for SEO optimization
* refactor: change getSortedPosts to a named export
* refactor: change postFilter to a named export
* refactor: rename BaseLayout to Layout
* refactor: standardize locale handling across components
* refactor: update getPostsByGroupCondition location
* chore: remove unused Welcome component
* refactor(i18n): update links using getRelativeLocaleUrl
* refactor(i18n): add dynamic locale loading
* fix: update language attribute to use current locale
* fix: correct wording for updatedAt in post translations
* fix: update layout titles to use correct translation keys for tags pages
* chore: use new colors for better DX and a11y
* feat: add underline icon for active icon nav
* feat: add toc for markdown contents
* refactor: remove unused feature flags in config
* refactor(i18n): enhance locale handling and path management
* fix: ts unused variable hint
* refactor: extract locale stripping logic into a util func
* refactor(i18n): improve locale handling in tag pages
* refactor: update post URL helper functions
* refactor(i18n): replace pathWithBase with getRelativeLocaleUrl for locale handling
* refactor: rename fileWithBase to getAssetPath
* refactor: use runtime agnostic APIs for file paths
* refactor: use transition directive for heading transition
* refactor: remove unused title element from tag page
* fix: decouple ClientRouter from lightAndDarkMode flag
* refactor: rename `postPaths.ts` to `getPostPaths.ts`
* refactor: remove unused `minutesRead` string from post translations
* refactor: simplify AdjacentPostNav component by passing prevPost and nextPost directly
* refactor: remove unused code declaration
* docs: add existing blog posts
* chore: update astro and @astrojs/check dependencies to latest versions
* build: use experimental svg optimizer
* chore(repo): restore project meta files and Docker configs
* refactor: update code formatting with Prettier
* docs: update README and docs
* docs: add JSDoc comments to utility functions
* docs: add JSDoc comments to resolved config file
* fix(og): avoid double slashes when appending index.png
* chore(ci): update Node.js version to 22.12.0 in CI workflow
* feat: improve og image generation with Astro's getFontFileURL API (#632)
* feat: improve og image generation with Astro's getFontFileURL API
- remove @resvg/resvg-js and use sharp to convert SVG to PNG
- update og image generation to use Astro's getFontFileURL API for better font handling
* docs: update README and dynamic OG images documentation
- remove outdated content and clarify dynamic OG image generation process in README.
- add new image example and update instructions for handling non-Latin characters in dynamic OG images.
- adjust copyright year in README to 2026.
* fix(header): adjust icon button alignment in mobile
* feat(docs): add ResponsiveTable to use it in MDX posts (#634)
* feat(docs): add ResponsiveTable to use it in MDX posts
Introduce ResponsiveTable with variant-based styling. Rename docs posts to
.mdx, wrap tables in the component, and remove redundant table `code` rules
from prose typography.
* chore(prettier): ignore .mdx files when checking format
* chore(ci): update Node.js version to 24 in CI workflow
* bump: upgrade Astro and dependencies
* fix: remove redundant backUrl script bug
* fix(header): adjust button and icon alignment
* fix(a11y): improve muted-foreground color contrast
* docs: update predefined color schemes
* chore: support site verification env as fallback for googleVerification
* docs: add astro paper v6 updates in docs
* docs: add AstroPaper-v6.png in astro-paper-6 blog post
* fix: update back-to-top button DOM placement (#641)
Closes#626, #131, #493
* fix: slugify supports better acronyms and preserve non-latin char
Update slugify function to handle better acronyms and preserve non-latin characters.
- uses slugify (simov) for Latin-only strings to fix acronym issue (eg: e2e-testing)
- uses lodash.kebabcase for strings with non-latin characters to preserve them
* fix: remove dots in slugified titles for view transitions
Fixes#584
Replace decorative usage of Hr component with borders to improve
semantic.
- remove Hr component
- replace decorative hr elements with borders
- introduce app-layout utility class
- update layout and spacing
- update docs about border css custom property
* refactor: update tailwind typography css overrides
Update TailwindCSS typography overrides to use less
`important`; and update selectors to make them easier
to read.
* refactor: update focus styles to be consistent
Update back-to-top button to accommodate properly,
even if the max-width of the blog post is updated.
Uses `fixed` position on mobile and `sticky` position
on large screens.
* refactor: extract redundant max-width into utility
Extract redundant max-width into a universal tailwind
utility class. By doing so, the width of the layout
in different pages can be customized easily.
* docs: update docs for modifying `max-w-app` utility
Add types for `constants` to avoid type errors
when either `SOCIALS` or `SHARE_LINKS` is empty.
---------
Co-authored-by: satnaing <satnaingdev@gmail.com>
* fix: update heading title to be smaller on mobile
* fix: vertical alignment in heading title
---------
Co-authored-by: satnaing <satnaingdev@gmail.com>
* refactor: replace embedded svg with svg icon
* feat: add global and per-post timezone support
- add `SITE.timezone` in config to define a global default timezone.
- allow per-post timezone overrides via `timezone` in frontmatter.
- update date formatting logic to use the correct timezone when rendering timestamps.
- ensure that posts without a timezone fallback to `SITE.timezone`.
- improve consistency between local and deployed timezones.
* refactor: replace `LOCALE` constant with `SITE.lang`
* docs: update guides
* fix: update code word-break inside markdown table
Closes#466
* fix: broken editPost link and update editPost logic
Fixed broken editPost link. Removed the ability to update
the editPost link inside each blog post for consistency.
The editPost button per blog post can still be hidden.
* docs: update docs for editPost
Blog posts can now be structured into subdirectories, which determine their slugs.
Example:
- `/src/data/blog/2025/testing.md` → `/posts/2025/testing`
Directories prefixed with `_` will be excluded from the slug.
Example:
- `/src/data/blog/_examples/tailwind-typography.md` → `/posts/tailwind-typography`
Closes#470, #366
* feat: Add pencil icon before suggestion changes text
* fix: update class to className and adjust icon scale
---------
Co-authored-by: satnaing <satnaingdev@gmail.com>
* chore: upgrade ESLint to v9 and update configurations
Upgrade ESLint and configure and update ESLint rules.
* refactor: update code to comply with new ESLint v9 rules
* refactor: show update time when modDatetime more recently than pubDatetime
* fix: show wrong date when compare with null modeDate
* refactor: modDatetime type checking & rewrite myDatetime
Add trailing slash to links for improved consistency with RSS links and to avoid unnecessary redirects.
---------
Co-authored-by: satnaing <satnaingdev@gmail.com>
Remove the extra "right-padding" inside the header search icon when lightAndDarkMode is false so UI is consistent.
This is done by including <li> tag inside if statement
* Add share links
* refactor: update and rename Sharebutton to ShareLinks
- rename SOCIALS to shareLinks to avoid confusion with `src/config.ts > SOCIALS`
- fix type error related with shareLinks
- add `linkTitle` in shareLinks for better accessibility
- update styles to looks good in all devices
* refactor: place ShareLinks next to `back to top`
- place ShareLinks at the bottom (next to `back to top`)
- update styles for ShareLinks and Back to Top button
---------
Co-authored-by: Sat Naing <satnaingdev@gmail.com>
* feat: add pagination in tag posts
Implement pagination in tag posts. Refactor and extract pagination logic and pagination component.
Closes: #152
* fix: update breadcrumbs for updated tag pagination
Update slugified titles to be unslugified in the tag page. This is for better SEO and better a11y. Url and tag elelemnts will still be slugified.
Closes: #179
* feat: add modified datetime in blog posts
Add modDatetime in blogSchema. Update Datetime component to accept modDatetime. Update sorting logic. Rename datetime to pubDatetime in Datetime component.
Closes: #134
* feat: add published_time & modified_time meta tags
* docs: update related blog posts to be up-to-date
* fix: remove extra spaces in breadcrumbs
Sat Naing