home.social

#gridsome — Public Fediverse posts

Live and recent posts from across the Fediverse tagged #gridsome, aggregated by home.social.

fetched live
  1. I have an ancient Gridsome site Google now refuses to index: "User-declared canonical - None". It has a proper sitemap, but they ignore it. Its <head> has the best canonical tags Gridsome seems able to generate, like:
    <link data-vue-tag="ssr" rel="canonical" href="psychoros.com/about">

    Google Live Test - Inspect shows <head> as a single script:
    ---
    <!DOCTYPE html>
    <html lang="en" data-vue-tag="%7B%22lang%22:%7B%22ssr%22:%22en%22%7D%7D">
    <head>
    <script charset="utf-8" src="/assets/js/page--src--pages--about-vue.77f55fa6.js"></script>
    </head>
    ---
    And then shows all the actual <head> content in the <body> section!
    There are other "preload" scripts, no idea why it picks that one.

    Manually adding
    <head>
    <link rel="canonical" href="psychoros.com/about" />

    at the top of the file puts the canonical ahead of the script:
    <head>
    <link rel="canonical" href="psychoros.com/about" />
    <script charset="utf-8" src="/assets/js/page--src--pages--about-vue.77f55fa6.js"></script>
    </head>

    And Google sees it! User-declared canonical psychoros.com/about

    Can anyone help me work around this? Suggest where to report it?

    @rustybrick #gridsome #canonical #googleseo #googlesearchconsole

  2. @mstrlaw @matthiasott
    Wow - which #Gridsome are you thnnking of using? The one I chose years ago wasn't maintained, fell into Node chaos. Still haven't managed to recover. But maybe that was partly the Bulma sections?

  3. Still trying to find a good image optimisation pipeline for @astro that has good support for being used in framework components and can work with arbitrary paths (as in load content from variables). `astro-imagetools` is alright, but it doesn't seem to be actively maintained anymore and does a little too much. 🤔

    It's the one thing I really miss from #Gridsome. 😅

    Maybe I should try building something on top of the built-in asset system in v3. 🤔

    #webdev #jamstack #ssg

  4. Currently in the process of migrating a pretty big multi-language #Gridsome site to #Astro. So far I've got page generation with localised slugs done and almost ported over the default layout component. 💪

    Kind of crazy to go back to code from three, four years ago and reevaluate it. 🤣 At least my past self did an okay job keeping things clean and understandable for my now self. 👌

    #webdev #jamstack

  5. Finally actually making some decent progress on switching my site from Gridsome/Vue to 11ty/Nunjucks! 😮‍💨 It's been a while since I've spent this much time coding!

    #FrontEnd #Dev #Vue #Gridsome #Eleventy #11ty

  6. @dev_Paul it’s going well but ramping up in how complicated it is. I’m working on working on a C project now. Up until now I've just been using Python.

    Python is a super useful language. From the job descriptions I have seen at my company for engineers Python is always at least in the preferred qualifications section.

    I am getting the web development itch. I’ve been looking at making my dormant personal site/blog more fun and less complicated. I have been looking at #gridsome and possibly learning html, css and #vue enough to get something up and running.

  7. : any developers out here?

    I'm trying to implement infinite scrolling, and it works fine on the dev server, but when I deploy it there's a HierarchyRequestError.

    :gitlab: source code:
    gitlab.com/snipettemag/snipett

    👁️ live site:
    beta.snipettemag.com/

    (Sorry about dumping the whole thing: I don't know Gridsome well enough to create a minimum example—which is also why I can't ask for help anywhere else 😛)

    Please boost or send to those who may know. Thanks! 🙏

  8. @strypey yup! Or they'd at least make it work so you can browse it as a website, and perhaps have a slightly more efficient experience if you *happen* to be seeing it in an app browser (I'm thinking of the sites SSGs like and make).

  9. Grisdome starter blog - A simple, hackable & minimalistic starter for Gridsome that uses Markdown for content. gridsome-starter-blog.netlify. #Dev #JAMstack #Gridsome #VueJS #Blog by @[email protected]