Fix issue #55 Trailing Slash

README.md

@@ -134,6 +134,7 @@ export const SITE = {
 
   origin: "https://example.com",
   basePathname: "/", // Change this if you need to deploy to Github Pages, for example
+  trailingSlash: false, // Generate permalinks with or without "/" at the end
 
   title: "Example - This is the homepage title of Example",
   description: "This is the homepage description of Example",

astro.config.mjs

@@ -20,6 +20,7 @@ export default defineConfig({
 	// Astro uses this full URL to generate your sitemap and canonical URLs in your final build
 	site: SITE.origin,
 	base: SITE.basePathname,
+	trailingSlash: SITE.trailingSlash ? "always" : "never",
 
 	output: 'static',
 

src/config.mjs

@@ -3,6 +3,7 @@ export const SITE = {
 
 	origin: 'https://astrowind.vercel.app',
 	basePathname: '/',
+	trailingSlash: false,
 
 	title: 'AstroWind — Your website with Astro + Tailwind CSS',
 	description: '🚀 AstroWind is a free and ready to start template to make your website using Astro and Tailwind CSS.',

src/pages/[...blog]/[...page].astro

@@ -25,7 +25,7 @@ const currentPage = page.currentPage ?? 1;
 const meta = {
 	title: `Blog ${currentPage > 1 ? `— Page ${currentPage} ` : ''}— ${SITE.name}`,
 	description: SITE.description,
-	canonical: getCanonical(getPermalink(page.url.current)),
+	canonical: getCanonical(getPermalink(BLOG?.blog?.pathname)),
 	ogType: "blog",
 	noindex: currentPage > 1
 };

src/utils/permalinks.js

@@ -11,7 +11,10 @@ const trim = (str, ch) => {
 };
 
 const trimSlash = (s) => trim(trim(s, '/'));
-const createPath = (...params) => '/' + params.filter((el) => !!el).join('/');
+const createPath = (...params) => {
+	const paths = params.filter((el) => !!el).join('/');
+	return '/' + paths + (SITE.trailingSlash && paths ? '/' : '');
+};
 
 const basePathname = trimSlash(SITE.basePathname);