Where communities thrive


  • Join over 1.5M+ people
  • Join over 100K+ communities
  • Free without limits
  • Create your own community
People
Activity
    Carlo Sarli
    @cesarli-wehi

    Hello Everyone,
    I have been tasked to create a website for 5 apartments that will be used for holiday lets.
    I've been working in Angular for a while and enjoy it, but in this case SEO is a major concern, so I thought I could give scully a try.
    I would like to get some advice on a possible stack to implement this,
    Would this be a good starting point/idea:
    Angular/Scully
    Firebase for db
    Snipcart/Stripe for checkout

    Anybody know any good booking libraries of sorts? Would you just implement your own with something like full calendar?
    Thank you

    Edit:
    Maybe could use strapi instead of firebase, never used it for more than a blog but maybe it's flexible enough

    Sander Elias
    @SanderElias
    All those options work in combination with Scully.
    I also know about Scully users that did use firebase, and also strapi. So both work will with Scully.
    keep in mind that the pages handling the actual bookings are so dynamic in nature, that prerendering those has very limited pay-off
    Carlo Sarli
    @cesarli-wehi
    the booking pages would be, but the rest of the site would benefit from being static or am i wrong in assuming that?
    Sanjay Verma
    @sanjay51
    If it's just 5 apartments and low traffic, I'd much rather build it using wordpress, backed with mysql db. Would be super easy to build, SEO-ready, and you can easily find good plugins for booking. Can be ready in a week if you get someone experienced.
    Carlo Sarli
    @cesarli-wehi
    Hi Sanjay, Thank you for the advice, but unfortunately I really dislike Wordpress and am trying to avoid it as much as i can.
    Sander Elias
    @SanderElias
    Your assumption that the rest of the site will benefit is corrct.
    Carlo Sarli
    @cesarli-wehi
    and with scully it is possible to specify which pages to make static and which ones to leave as vanilla angular correct?
    Sander Elias
    @SanderElias
    Yes, it is.
    Carlo Sarli
    @cesarli-wehi
    Thank you, I appreciate the help!
    Sanjay Verma
    @sanjay51
    Hi - I'm curious how Scully decides whether to render a template variable directly into HTML, or not. From what I tested, a simple string variable is rendered directly, but a complex object wasn't rendered (although it seemingly cached it). Any directions would be nice.
    Sanjay Verma
    @sanjay51
    QQ - is there a way to only allow certain routes to be pre-rendered through Scully?
    i.e. I want to pre-render only the routes that I list, and rest of the routes should work as usual.
    Sander Elias
    @SanderElias
    @sanjay51 I'll answer over there later today. The answer is sort of yes.
    BlindDespair
    @BlindDespair
    @SanderElias you mentioned you're working on a schematic to add plugins to scully repo, do you have any progress or an ETA on that?
    Waffles
    @mrwaffles143_twitter

    Hello, in a strange coincidence I have almost the exact situation as @sanjay51 of needing dynamic content.

    The use case is for the user to be able to bookmark dynamic page. Originally I had been using params but scully, as designed, doesn\'t render that page giving the expected

    No configuration for route "/path/:id" found. Skipping

    And then if you ignore this route you run into the issue observed in @sanjay51 stackoverflow issue.

    I thought then why not switch to query parameters. It sort of worked. Scully seems to parse out the trailing forward slash. If you have a url with a forward slash followed by the quesiton mark all works fine since only the forward slash is removed leaving the query params. If you do not have the forward slash all the query params are removed ie:

    .../stuff/?id=l1w70y5l turns into .../stuff?id=l1w70y5l and works, but
    .../stuff?id=l1w70y5l turns into .../stuff and clearly breaks since there is no query params to read.

    I have read through old git hub issues and even searched this chat and i see where @SanderElias states that query params don\'t play nice with JAM stack. I agree and wasn\'t my first choice as stated above. I have no issue changing my architecture if it solves my issue. Thanks in advanced

    18 replies
    Sanjay Verma
    @sanjay51

    @mrwaffles143_twitter I posted a solution that uses firebase hosting config to configure the URL path <--> index.html mapping, please take a look if it applies to your case. Thanks.

    https://stackoverflow.com/a/71975497/1210650

    2 replies
    Waffles
    @mrwaffles143_twitter
    Not a fan of being tightly coupled to a single host and not being able to see locally, but regardless we're not using firebase. glad you found a solution though
    griffinguy
    @griffinguy:matrix.org
    [m]
    which route renderer would you like to use?
    What are the differences between Scully platform server,pupeteer and playwright?
    Sanjay Verma
    @sanjay51

    @griffinguy:matrix.org Angular universal uses platform server, and I had some issues with it as I was using properties of window and localhost objects in my application. When I switched to scully, puppeteer worked very well for me.

    I heard though that platform-server is faster, as it doesn't require rendering pages in an actual browser - https://scully.io/docs/roadmap/

    Sander Elias
    @SanderElias
    For normal use I woudl say puppeteer.
    Platfrom server uses indeed the Angular Platform server, and while we made it a bit better, it might have some issues for your application. But its much faster.
    playwright can work with different browsers, which might be a requirement for some project.
    (or if you want to sue scully for cross platform comparison tests. ;) we don't supply any help there tho ;)
    griffinguy
    @griffinguy:matrix.org
    [m]
    I installed scully version 2.1.32 in Angular 13 but it shows version 0.0.0 in the dom when I inspect the element.
    Also, it doesn't load the route when I reload the page but works when I navigate to it.
    1 reply
    griffinguy
    @griffinguy:matrix.org
    [m]
    :point_up: Edit: I installed scully version 2.1.32 in Angular 13 but it shows version 0.0.0 in the dom when I inspect the element.
    Also, it doesn't load the route when I reload the page but works when I navigate to it.
    could this be the issue CREATE AN ENTRY POINT (HOME PAGE)
    1 reply
    griffinguy
    @griffinguy:matrix.org
    [m]
    Do you think lazy loaded module feature has any effect on the app or do you think it won't matter since everything is built and static pages are being served?
    Sander Elias
    @SanderElias
    You should use as much lazy loading as possible! Your spa will still boot, and benefit from granual loading.
    griffinguy
    @griffinguy:matrix.org
    [m]
    Please how can I add diff highlighting with prismjs like in the code snippets in this blog post https://www.netlify.com/blog/2020/07/14/creating-an-angular-jamstack-blog/
    ps7641
    @ps7641
    Hi,
    when I do "ng build" followed by "npx scully" and then "npx scully serve" app works ok, but instead of "ng build" if I run "ng build --config=dev" then there is an error indicating specified environment file is not read
    5 replies
    what to do ?
    Александр
    @tritren
    Hello. Guys, tell me please. Can scully generate new index.html on the prod? When creating, for example, a new News in the admin application , what will we see in the client application ??
    4 replies
    ps7641
    @ps7641
    Hi guys,
    In my app I have a "/about" page, also if someone goes to root path, it is redirected to "/about" page, In scully server this is working fine but when i refresh "/about" page, it gives status 301 and redirects to "/about/" ? can't figure out why so, in normal angular app on refresh there is no such redirection.
    Sander Elias
    @SanderElias
    @ps7641 This is the normal and expected behavior of the server you use to serve the app.
    the 301 is depending on server configuration. There is nothing that Scully can do here.
    ps7641
    @ps7641
    @SanderElias which server does scully uses to serve ? where can I find the server config file ?
    Sander Elias
    @SanderElias
    Scully has an internal dev server, that can't be configured. It's part of the developer tooling.
    It is set up in such a way that it will expose all common problems you might encounter while you deploy your app.
    Also it is set up to have really loose security, which is good for dev, but very bad for production. The warning that its not an production server is there not for nothing
    4 replies
    ps7641
    @ps7641
    ok, so you mean When I use nginx or some other web server to serve scully generated HTMLs, I can handle it there ?
    Sander Elias
    @SanderElias
    indeed
    ps7641
    @ps7641
    ok, thanks
    Sanjay Verma
    @sanjay51
    Hi @SanderElias - Is it possible to 'parallel'-ize route scanning? One by one is a bit slow.
    Sander Elias
    @SanderElias
    Scanning is done by guess-parser, and we don't have influence there. As it lives on top of the angular-compiler, I think its not possible.
    The rendering of the routes is already running parralell.
    you can set an higher/lower "thread" count in the config.
    If your app is very compute-intensive, a lower count will speed it up. In most cases a higher count will yield better results.
    By default Scully uses the core-count of a machine for the number of threads.
    Sanjay Verma
    @sanjay51
    Thank you much! I think parallel rendering should do it for me for now. I see an option for maxRenderThreads in the config - will try it out. Thanks again.
    MattH
    @Strix_OS_twitter

    I recently upgraded from Angular 11 to 13, but running npx scully seems to take an abnormally long time now to generate routes. I can't seem to find anything in this chat, the github, or even starting a new project and copying more recent scully settings doesn't seem to fix it. The renderer is puppeteer and one of our routes does use the resultsHandler to bring in some blog posts if that helps. Here's the time it took:

    Total time used 213.38 seconds
      44 pages have been created
      Rendering the pages took 208.38 seconds
      That is 0.22 pages per second,
      or 4736 milliseconds for each page.

    This used to take around 60-90 seconds, which is more than double the time now

    Sander Elias
    @SanderElias
    It seems your idle-detection is broken somehow, and it is probably using the default 25 seconds timeout now.
    We have seen this before, and we still haven't found the root cause of this.
    5 replies
    NarendraBhardwaj
    @NarendraBhardwaj
    @SanderElias we use concept Transfer state "ImageDetails": [{
    "pageImageId": 1,
    "createdOn": "2022-05-05T16:19:06.6071658",
    "updatedOn": "2022-05-05T18:16:31.1928573",
    "isImageNameChanged": false,
    "pageTagId": 1,
    "pageRoute": "~s~",
    "imageFolder": "assets
    ~s~img~s~static-web-page~s~home",
    "imageName": "banner",
    "imageTitle": "banner",
    "imageAltText": "banner",
    "imageKey": "homebanner",
    "imageCaption": "banner"
    }, {
    "pageImageId": 5,
    "createdOn": "2022-05-05T17:04:17.9482594",
    "updatedOn": "2022-05-05T18:16:17.1815576",
    "isImageNameChanged": false,
    "pageTagId": 1,
    "pageRoute": "
    ~s~",
    "imageFolder": "assets~s~img~s~static-web-page_~s~home",
    "imageName": "softie-create",
    "imageTitle": "softie create",
    "imageAltText": "softie create",
    "imageKey": "homesoftie-create",
    "imageCaption": "softie create"
    }, {
    "pageImageId": 6,
    "createdOn": "2022-05-05T17:05:15.910535",
    "updatedOn": "2022-05-06T12:31:11.1497415",
    "isImageNameChanged": false,
    "pageTagId": 1,
    "pageRoute": "
    ~s~",
    "imageFolder": "assets~s~img~s~static-web-page_~s~home",
    "imageName": "softie-selfie",
    "imageTitle": "softie selfie",
    "imageAltText": "softie selfie",
    "imageKey": "homesoftie-selfie",
    "imageCaption": "softie selfie"
    }, {
    "pageImageId": 7,
    "createdOn": "2022-05-05T17:06:33.8791868",
    "updatedOn": "2022-05-05T18:16:40.8563212",
    "isImageNameChanged": false,
    "pageTagId": 1,
    "pageRoute": "
    ~s~",
    "imageFolder": "assets~s~img~s~static-web-page_~s~home",
    "imageName": "softie-creator-pack",
    "imageTitle": "softie creator pack",
    "imageAltText": "softie creator pack",
    "imageKey": "home_softie-creator-pack",
    "imageCaption": "softie creator pack"
    }
    image.png
    but or json not parse show this type error
    @SanderElias please help regarding above issue
    Sander Elias
    @SanderElias
    The last release had an update concerning this, are you on that?
    Did you update your @scullyio/ng-lib to latest?