diff --git a/src/components/navigation.tsx b/src/components/navigation.tsx
index d713e36..490ecb2 100644
--- a/src/components/navigation.tsx
+++ b/src/components/navigation.tsx
@@ -90,19 +90,19 @@ const Navigation = ({ isHome }: NavigationProps) => {
                     )}
                 />
                 <div className="flexSpacer"></div>
-                <Link to="/about" activeClassName={styles.active}>
+                <Link to="/about/" activeClassName={styles.active}>
                     <Trans>about.title</Trans>
                 </Link>
                 {modules.projects && (
-                    <Link to="/projects" activeClassName={styles.active}>
+                    <Link to="/projects/" activeClassName={styles.active}>
                         <Trans>project.plural</Trans>
                     </Link>
                 )}
-                <Link to="/social" activeClassName={styles.active}>
+                <Link to="/social/" activeClassName={styles.active}>
                     <Trans>social.title</Trans>
                 </Link>
                 {modules.blog && (
-                    <Link to="/blog" activeClassName={styles.active}>
+                    <Link to="/blog/" activeClassName={styles.active}>
                         <Trans>blog.title</Trans>
                     </Link>
                 )}
diff --git a/src/components/offscreenNav.tsx b/src/components/offscreenNav.tsx
index ebc068b..ceabdf6 100644
--- a/src/components/offscreenNav.tsx
+++ b/src/components/offscreenNav.tsx
@@ -38,19 +38,19 @@ const OffScreenNav = ({ active, close }: OffScreenNavProps) => {
                 <Link to="/" activeClassName={styles.active}>
                     <Trans>home.title</Trans>
                 </Link>
-                <Link to="/about" activeClassName={styles.active}>
+                <Link to="/about/" activeClassName={styles.active}>
                     <Trans>about.title</Trans>
                 </Link>
                 {modules.projects && (
-                    <Link to="/projects" activeClassName={styles.active}>
+                    <Link to="/projects/" activeClassName={styles.active}>
                         <Trans>project.plural</Trans>
                     </Link>
                 )}
-                <Link to="/social" activeClassName={styles.active}>
+                <Link to="/social/" activeClassName={styles.active}>
                     <Trans>social.title</Trans>
                 </Link>
                 {modules.blog && (
-                    <Link to="/blog" activeClassName={styles.active}>
+                    <Link to="/blog/" activeClassName={styles.active}>
                         <Trans>blog.title</Trans>
                     </Link>
                 )}
diff --git a/src/layouts/default.tsx b/src/layouts/default.tsx
index af1b684..eb16c0a 100644
--- a/src/layouts/default.tsx
+++ b/src/layouts/default.tsx
@@ -33,15 +33,15 @@ const Layout = ({description, meta, title, image, speakable, seoAdditional, tran
             </div>
             <footer role="contentinfo">
                 CC-BY 4.0 Kevin Kandlbinder,{" "}
-                <Link to="/legal/about" className="spf-link">
+                <Link to="/legal/about/" className="spf-link">
                     <Trans i18nKey="layout.imprint">Imprint</Trans>
                 </Link>{" "}
                 |{" "}
-                <Link to="/legal/datasec" className="spf-link">
+                <Link to="/legal/datasec/" className="spf-link">
                     <Trans i18nKey="layout.datasec">Data Protection</Trans>
                 </Link>{" "}
                 |{" "}
-                <Link to="/legal/disclaimer" className="spf-link">
+                <Link to="/legal/disclaimer/" className="spf-link">
                     <Trans i18nKey="layout.disclaimer">Disclaimer</Trans>
                 </Link>{" "}
                 | <a href="#languageChooser">Language</a>
diff --git a/src/pages/about.tsx b/src/pages/about.tsx
index 21cd649..3f23cf2 100644
--- a/src/pages/about.tsx
+++ b/src/pages/about.tsx
@@ -167,7 +167,7 @@ const AboutPage = (props) => {
                                 <Link
                                     className={projectStyles.projectCard}
                                     key={project.lang + "/" + project.urlname}
-                                    to={"/projects/" + project.urlname}
+                                    to={"/projects/" + project.urlname + "/"}
                                 >
                                     <div
                                         className={
@@ -211,7 +211,7 @@ const AboutPage = (props) => {
                             );
                         })}
                     </div>
-                    <Link to="/projects" className={styles.seeMoreButton}>
+                    <Link to="/projects/" className={styles.seeMoreButton}>
                         <Trans>about.moreProjects</Trans> <ArrowRight />
                     </Link>
                 </article>
@@ -295,7 +295,7 @@ const AboutPage = (props) => {
                 </div>
             </section>
             {modules.donation && (
-                <Link className={styles.donationSection} to="/donate">
+                <Link className={styles.donationSection} to="/donate/">
                     <div>
                         <span>
                             <Trans>about.donationCatchphrase</Trans>
diff --git a/src/pages/index.tsx b/src/pages/index.tsx
index 0de0f68..7658b59 100644
--- a/src/pages/index.tsx
+++ b/src/pages/index.tsx
@@ -192,7 +192,7 @@ const IndexPage = (props) => {
                 </div>
                 <div className={styles.spacer}></div>
                 <div className={styles.landingCta}>
-                    <Link to={"/projects"}>
+                    <Link to={"/projects/"}>
                         <div>
                             <span className={styles.ctaAccent}>
                                 {t("home.explore")}
@@ -201,7 +201,7 @@ const IndexPage = (props) => {
                         </div>
                         <ArrowRight />
                     </Link>
-                    <Link to={"/social"}>
+                    <Link to={"/social/"}>
                         <div>
                             <span className={styles.ctaAccent}>
                                 {t("home.discover")}
@@ -210,7 +210,7 @@ const IndexPage = (props) => {
                         </div>
                         <ArrowRight />
                     </Link>
-                    <Link to={"/about"}>
+                    <Link to={"/about/"}>
                         <div>
                             <span className={styles.ctaAccent}>
                                 {t("home.learn")}
diff --git a/src/pages/projects.tsx b/src/pages/projects.tsx
index 9d217fc..7b38fa0 100644
--- a/src/pages/projects.tsx
+++ b/src/pages/projects.tsx
@@ -90,7 +90,7 @@ const ProjectsPage = ({ data }) => {
                                 <Link
                                     className={styles.projectCard}
                                     key={project.lang + project.urlname}
-                                    to={"/projects/" + project.urlname}
+                                    to={"/projects/" + project.urlname + "/"}
                                 >
                                     <div className={styles.projectCardImage}>
                                         <div className={styles.projectCardBg}>
diff --git a/src/pages/social.tsx b/src/pages/social.tsx
index 938b2e6..ee40d9c 100644
--- a/src/pages/social.tsx
+++ b/src/pages/social.tsx
@@ -45,7 +45,7 @@ const SocialPage = ({ data }) => {
 
                     <p>
                         <Trans i18nKey="social.descriptionWithLink">
-                            socialDescriptionWith<Link to="/friends">Link</Link>
+                            socialDescriptionWith<Link to="/friends/">Link</Link>
                         </Trans>
                     </p>
 
diff --git a/src/templates/blogListing.tsx b/src/templates/blogListing.tsx
index 4c630d2..514f49f 100644
--- a/src/templates/blogListing.tsx
+++ b/src/templates/blogListing.tsx
@@ -24,7 +24,7 @@ const BlogListing = ({ data, pageContext }) => {
             <section>
                 <article>
                     {hasSection && (
-                        <Link to={"/blog"} className={styles.sectionBacklink}>
+                        <Link to={"/blog/"} className={styles.sectionBacklink}>
                             {t("blog.title")} /
                         </Link>
                     )}
@@ -39,7 +39,7 @@ const BlogListing = ({ data, pageContext }) => {
                             <div className={styles.sectionList}>
                                 <Link
                                     className={styles.sectionCard}
-                                    to={"/blog/scambox"}
+                                    to={"/blog/scambox/"}
                                 >
                                     <div className={styles.sectionImage}>
                                         <div className={styles.sectionBg}>
@@ -69,7 +69,7 @@ const BlogListing = ({ data, pageContext }) => {
                                             : ""
                                     }${
                                         post.childMdx.frontmatter.urlPublished
-                                    }/${post.childMdx.frontmatter.url}`}
+                                    }/${post.childMdx.frontmatter.url}/`}
                                     key={post.childMdx.slug}
                                     className={styles.post}
                                 >
@@ -89,7 +89,7 @@ const BlogListing = ({ data, pageContext }) => {
                                                 <>
                                                     {" | "}
                                                     <Link
-                                                        to={`/blog/${post.childMdx.frontmatter.section}`}
+                                                        to={`/blog/${post.childMdx.frontmatter.section}/`}
                                                     >
                                                         {t(
                                                             `blog.section.${post.childMdx.frontmatter.section}.name`
diff --git a/src/templates/blogPost.tsx b/src/templates/blogPost.tsx
index 225bb49..11003cd 100644
--- a/src/templates/blogPost.tsx
+++ b/src/templates/blogPost.tsx
@@ -71,7 +71,7 @@ const BlogPost = ({ data }) => {
                             <>
                                 {" | "}
                                 <Link
-                                    to={`/blog/${data.mdx.frontmatter.section}`}
+                                    to={`/blog/${data.mdx.frontmatter.section}/`}
                                 >
                                     {t(
                                         `blog.section.${data.mdx.frontmatter.section}.name`