Blogsmith Pro Changelog

5.1 - 2024-10-17

Updated NavLink.astro so that trailing slashes are removed from navbar links
- This allows ID’s to be used in the navbar through the navData.json.ts files
Add fancier pagination component with more options, similar to The Void and Dawnlight themes
Enhance global.scss to remove usage of sass @import and use @use instead
- The @import directive is being deprecated in Dart Sass and will be removed in future versions
Improve README
Update to Astro 4.16.5
Update other dependencies

Add all i18n features originally seen in Atlas
- Language switcher component
- Keystatic CMS support for multiple languages
- Translate routes
- Utility functions to:
  - Translate text
  - Filter content collections by locale
  - Format dates in the correct locale
  - Get the current locale from the current URL
  - & more
Add additional columns to Keystatic interface which you can sort by
Adjust accordions so all other ones close when a new one is opened
Refactor src/icons folder to have a more organized structure. Also all used icons are now copied locally in this folder.
README updates
Update to Astro 4.11.0
Update other dependencies

Add search component with Pagefind
Add “@keystatic/core” as dep in package.json to fix pnpm install issue
- pnpm does not auto install peer dependencies
Add “rel” and “target” optional props to the <Button /> component to remove typescript errors
NavDropdown.astro and NavDropdownToggle.astro both now fade-out when closed
Keystatic Other Pages collection addition
Refactor so Keystatic components have their own ComponentBlocks.tsx file
- Unclutters the keystatic.config.tsx file
Improve the “keystatic cms” code tour
Update to Astro 4.5.16
Update other dependencies

Fix bug in src/components/Nav.astro where dropdown menus on mobile were not working right with “transition:persist ”
- Removed “transition:persist ” from the nav component
Refactor various pages to ensure correct padding on mobile devices

Add Keystatic CMS integration for blog posts and authors content collections
- This adds a great interface with rich text editor for easy content editing
- This is largely in addition to the existing MDX blog setup, and you can still just use the MDX blog if you prefer
  - Folder structure is unchanged
Update to Astro 4.4.8
Update other dependencies

Revamped scroll animations
- New animations, improved performance, and reduced bundle size
- See the animations documentation for more information
- If you need assistance upgrading, send us a message for support
Remove transform-gpu class to replace with tailwind transform-gpu class
Improved TableOfContents.astro components
- Now with better highlighting and scroll margin top
Update to Astro 4.4.0
Update other dependencies

Add Sharp override to package.json file
- This fixes a build issue with conflicting Sharp versions on linux

Add scroll based animations to the hero sections. These are enabled by default
- They can be disabled by setting useAnimations = false in src/config/siteData.json.ts
- They can easily be extended to other sections of the site
Add cookie banner component, for use with GA4 or other cookie based analytics
- Cookie banner is disabled by default. To enable it, uncomment the CookieBanner component in src/layouts/BaseLayout.astro
All components now use class instead of classes prop for any extra classes to pass to the component
Improve responsiveness of related posts at the bottom of each blog post
SEO component cleanup
Update to Astro 4.1.2
Update other dependencies

Refactor all pages such that every page uses BaseLayout.astro, including the homepage
- This makes it easier add global scripts and styles
- Previously, the homepage was styled differently to allow for the full-width hero section. Now, the homepage uses the same layout as all other pages, but the hero section is still full-width
Now get headings for blog post sidebar from Astro’s post.render() instead of my own function
Update <NavDropdownToggle /> component with better accessibility and functionality. This is an alternative to the default nav dropdown on hover. You can change to this inside the src/components/Nav.astro file
Update pagination component
Update dependencies

Safari fixes with blurred elements. It is strongly recommended to download the latest version of the theme and update your project.
Update dependencies