feat: change to never trailingSlash

Author: TeenBiscuits

astro.config.mjs

@@ -31,7 +31,7 @@ const siteUrl =
 // https://astro.build/config
 export default defineConfig({
 	site: siteUrl,
-	trailingSlash: 'always',
+	trailingSlash: 'never',
 
 	build: {
 		inlineStylesheets: 'always',

src/components/BlogCard.astro

@@ -17,7 +17,7 @@ const coverImagePath = `/src/assets/blogimages/${post.data.pubId}/cover.jpg`
 
 <a
 	transition:name={`blog-card-${post.data.pubId}`}
-	href={`/${locale}/posts/${id}/`}
+	href={`/${locale}/posts/${id}`}
 	class="group hover:bg-secondary dark:hover:bg-secondary-dark flex h-full flex-col gap-4 rounded-3xl p-3 pb-8 transition-colors"
 >
 	{

src/components/Footer.astro

@@ -27,7 +27,7 @@ const today = new Date()
 						WebsiteLinks.map((link) => (
 							<a
 								class="decoration-secondary dark:decoration-secondary-dark text-lg decoration-wavy underline-offset-2 hover:underline"
-								href={`/${locale}/${link.url}`}
+								href={`/${locale}${link.url}`}
 							>
 								{link.name[locale]}
 							</a>

src/components/LocaleSelector.astro

@@ -8,7 +8,7 @@ const isActive = Astro.url.pathname.startsWith(`/${locale}/locale`)
 
 <div class="flex items-center justify-center">
 	<a
-		href={`/${locale}/locale/`}
+		href={`/${locale}/locale`}
 		aria-label="Select Language"
 		class:list={[`${className}`, { active: isActive }]}
 	>

src/components/LocaleSuggest.astro

@@ -85,7 +85,7 @@ if (inArticle) {
 			pathnames[3] !== ''
 		) {
 			// On /lang/posts/xxx -> redirect to /lang/posts/xxx in the suggested language
-			targetPath = `/${lang}/posts/${translationMap[lang]}/`
+			targetPath = `/${lang}/posts/${translationMap[lang]}`
 		} else {
 			// Default: redirect to the same page structure in the suggested language
 			// Replace the current language with the suggested one

src/components/Navbar.astro

@@ -14,7 +14,7 @@ const locale = Astro.currentLocale as Lang
 <header class="fixed top-0 z-40 w-full bg-transparent backdrop-blur-sm">
 	<nav>
 		<div class="app-container flex items-center justify-between py-5">
-			<a href={`/${locale}/`} aria-label="Home" transition:persist>
+			<a href={`/${locale}`} aria-label="Home" transition:persist>
 				<LogoSVG
 					height={42}
 					width={42}
@@ -26,7 +26,7 @@ const locale = Astro.currentLocale as Lang
 					WebsiteLinks.map((link) => (
 						<NavbarLink
 							class="text-lg"
-							href={`/${locale}/${link.url}`}
+							href={`/${locale}${link.url}`}
 							target={link.url.charAt(0) === 'h' ? '_blank' : '_self'}
 						>
 							{link.name[locale]}
@@ -65,7 +65,7 @@ const locale = Astro.currentLocale as Lang
 						WebsiteLinks.map((link) => (
 							<NavbarLink
 								class="text-4xl font-light"
-								href={`/${locale}/${link.url}`}
+								href={`/${locale}${link.url}`}
 							>
 								{link.name[locale]}
 							</NavbarLink>

src/components/NavbarLink.astro

@@ -11,7 +11,7 @@ const { pathname } = Astro.url
 const isActive =
 	href === pathname ||
 	href === pathname.replace(/\/$/, '') ||
-	(pathname.startsWith(`/${locale}/posts/`) && href === `/${locale}/posts/`)
+	(pathname.startsWith(`/${locale}/posts/`) && href === `/${locale}/posts`)
 ---
 
 <a href={href} class:list={[className, { active: isActive }]} {...props}>

src/components/TranslateToggle.astro

@@ -40,7 +40,7 @@ const { pubId } = Astro.props
 					<span>
 						<a
 							class="group item-center flex gap-1"
-							href={`/${lang}/posts/${postPath}/`}
+							href={`/${lang}/posts/${postPath}`}
 							aria-label={t({
 								es: `Traducir al ${config.label}`,
 								gl: `Traducir ao ${config.label}`,

src/consts.ts

@@ -61,10 +61,10 @@ type WebLinks = WebLink[]
 
 export const WebsiteLinks: WebLinks = [
 	{ name: { es: 'Principal', gl: 'Principal', en: 'Home' }, url: '' },
-	{ name: { es: 'Artículos', gl: 'Artigos', en: 'Posts' }, url: 'posts/' },
+	{ name: { es: 'Artículos', gl: 'Artigos', en: 'Posts' }, url: '/posts' },
 	{
 		name: { es: 'Acerca de Mí', gl: 'Eu', en: 'About Me' },
-		url: 'about/',
+		url: '/about',
 	},
 ]
 

src/pages/[lang]/404.astro

@@ -30,7 +30,7 @@ export const getStaticPaths = () =>
 					})
 				}
 			</p>
-			<a class="btn-primary" href={`/${locale}/`}>
+			<a class="btn-primary" href={`/${locale}`}>
 				{
 					t({
 						es: 'Ir a la página principal',