✨ Major Changes
-
#11979
423dfc1Thanks @bluwy! - Bumpsvitedependency to v6.0.0-beta.2. The version is pinned and will be updated as new Vite versions publish to prevent unhandled breaking changes. For the full list of Vite-specific changes, see its changelog. -
#12100
abf9a89Thanks @astrobot-houston! - Refactors legacycontentanddatacollections to use the Content Layer APIglob()loader for better performance and to support backwards compatibility. Also introduces thelegacy.collectionsflag for projects that are unable to update to the new behavior immediately.:warning: BREAKING CHANGE FOR LEGACY CONTENT COLLECTIONS :warning:
By default, collections that use the old types (
contentordata) and do not define aloaderare now implemented under the hood using the Content Layer API’s built-inglob()loader, with extra backward-compatibility handling.In order to achieve backwards compatibility with existing
contentcollections, the following have been implemented:- a
globloader collection is defined, with patterns that match the previous handling (matchessrc/content/<collection name>/**/*.mdand other content extensions depending on installed integrations, with underscore-prefixed files and folders ignored) - When used in the runtime, the entries have an ID based on the filename in the same format as legacy collections
- A
slugfield is added with the same format as before - A
render()method is added to the entry, so they can be called usingentry.render() getEntryBySlugis supported
In order to achieve backwards compatibility with existing
datacollections, the following have been implemented:- a
globloader collection is defined, with patterns that match the previous handling (matchessrc/content/<collection name>/**/*{.json,.yaml}and other data extensions, with underscore-prefixed files and folders ignored) - Entries have an ID that is not slugified
getDataEntryByIdis supported
While this backwards compatibility implementation is able to emulate most of the features of legacy collections, there are some differences and limitations that may cause breaking changes to existing collections:
- In previous versions of Astro, collections would be generated for all folders in
src/content/, even if they were not defined insrc/content/config.ts. This behavior is now deprecated, and collections should always be defined insrc/content/config.ts. For existing collections, these can just be empty declarations (e.g.const blog = defineCollection({})) and Astro will implicitly define your legacy collection for you in a way that is compatible with the new loading behavior. - The special
layoutfield is not supported in Markdown collection entries. This property is intended only for standalone page files located insrc/pages/and not likely to be in your collection entries. However, if you were using this property, you must now create dynamic routes that include your page styling. - Sort order of generated collections is non-deterministic and platform-dependent. This means that if you are calling
getCollection(), the order in which entries are returned may be different than before. If you need a specific order, you should sort the collection entries yourself. image().refine()is not supported. If you need to validate the properties of an image you will need to do this at runtime in your page or component.- the
keyargument ofgetEntry(collection, key)is typed asstring, rather than having types for every entry.
A new legacy configuration flag
legacy.collectionsis added for users that want to keep their current legacy (content and data) collections behavior (available in Astro v2 - v4), or who are not yet ready to update their projects:astro.config.mjs import { defineConfig } from 'astro/config';export default defineConfig({legacy: {collections: true,},});When set, no changes to your existing collections are necessary, and the restrictions on storing both new and old collections continue to exist: legacy collections (only) must continue to remain in
src/content/, while new collections using a loader from the Content Layer API are forbidden in that folder. - a
-
#12079
7febf1fThanks @ematipico! -paramspassed ingetStaticPathsare no longer automatically decoded.[changed]:
paramsaren’t decoded anymore.In Astro v4.x,
paramsin were automatically decoded usingdecodeURIComponent.Astro v5.0 doesn’t automatically decode
paramsingetStaticPathsanymore, so you’ll need to manually decode them yourself if neededWhat should I do?
If you were relying on the automatic decode, you’ll need to manually decode it using
decodeURI.Note that the use of
decodeURIComponent) is discouraged forgetStaticPathsbecause it decodes more characters than it should, for example/,?,#and more.---export function getStaticPaths() {return [{ params: { id: decodeURI("%5Bpage%5D") } },{ params: { id: "%5Bpage%5D" } },]}const { id } = Astro.params;---