Schroedinger-Hat / peoplez

Peoplez is an open-source, self-hosted organisation management software that allows you to manage basic needs of your nonprofit organisation
GNU Affero General Public License v3.0
8 stars 4 forks source link

Add SEO and change title, description on the website #70

Open TheJoin95 opened 1 month ago

TheJoin95 commented 1 month ago

We should setting up the the <meta> description etc for sharing the website across social media with the right data, text and images.</p> <p>Please verify it in prod or preview.</p> </div> </div> <div class="comment"> <div class="user"> <a rel="noreferrer nofollow" target="_blank" href="https://github.com/TheJoin95"><img src="https://avatars.githubusercontent.com/u/6616203?v=4" />TheJoin95</a> commented <strong> 1 month ago</strong> </div> <div class="markdown-body"> <p>@Readpato this could be a good task for you</p> </div> </div> <div class="comment"> <div class="user"> <a rel="noreferrer nofollow" target="_blank" href="https://github.com/Readpato"><img src="https://avatars.githubusercontent.com/u/87768087?v=4" />Readpato</a> commented <strong> 1 month ago</strong> </div> <div class="markdown-body"> <p>Good idea! Since I'm not familiar to the Next.js ecosystem, do you know if there's already something predefined or a standardized way of modifying <code><head></code> properties in Next.js? I have only found this on the <a href="https://nextjs.org/docs/pages/api-reference/components/head">documentation</a></p> <p>Normally in the Vue Ecosystem we utilize this agnostic <a href="https://unjs.io/">Unjs</a> package <a href="https://unhead.unjs.io/">Unhead</a> which allows you modify it super easily. Maybe if there isn't one we could adopt it? It's <a href="https://unhead.unjs.io/setup/unhead/installation">pretty straightforward to implement it</a></p> </div> </div> <div class="comment"> <div class="user"> <a rel="noreferrer nofollow" target="_blank" href="https://github.com/TheJoin95"><img src="https://avatars.githubusercontent.com/u/6616203?v=4" />TheJoin95</a> commented <strong> 1 month ago</strong> </div> <div class="markdown-body"> <p>You can take osday as reference. There is no need to install another dependency here as it'll be an easy and static head</p> </div> </div> <div class="page-bar-simple"> </div> <div class="footer"> <ul class="body"> <li>© <script> document.write(new Date().getFullYear()) </script> Githubissues.</li> <li>Githubissues is a development platform for aggregating issues.</li> </ul> </div> <script src="https://cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.min.js"></script> <script src="/githubissues/assets/js.js"></script> <script src="/githubissues/assets/markdown.js"></script> <script src="https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.4.0/build/highlight.min.js"></script> <script src="https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.4.0/build/languages/go.min.js"></script> <script> hljs.highlightAll(); </script> </body> </html>