A public channel for the Angular community to come talk about Scully and JAMStack strategies in Angular.
and about the dynamic routes, is there anyway to reuse the code I already have?
Hello everybody! I am trying to create a multilingual static site using Angular + Scully. As a CMS I use Storyblok. I get all the strings for each page in each language before bootstrapping the app (using APP_INITIALIZER injection token), then save them in the property of a singleton Storyblok service. I thought Scully would pre-fetch that data, and then generate a static site with it, but apparently the app makes those calls after loading the page. What could be done to solve that problem?
But won't get generated
like localhost:4200/en and localhost:4200/it
I got somewhat scully working after last time but now I wanted to put the blog post content on another component, so I made the
:slug route match another component called BlogPostComponent
Whereas the BlogComponent will now list the blogs by title (which works)
However, after clicking on my only blog of the list, the page is redirected to BlogPostComponent but doesn't render its content inside scully-content tag
I ran
npm run build -> npm run scully -> npm run scully serve
So weird... any ideas what is happening?
What I changed: Put a styleUrls on my BlogPostComponent, which seems to be the possible cause of previous behaviour
I just found that in terms of code highlight Scully switched to prism? (https://scully.io/docs/learn/utilities/syntax-highlighting/prism-js/)
instead of internal highlight with highlightjs
I am going to include it on my personal blog, just need to look at docs when I get the time
Is there any schematic to setup PrismJS on Angular + Scully?
@SanderElias Hi, moving to prism.js from
highlight.js broke my java code highlighting, java is a supported lang , so i dont know why this code is getting fired from the markdown plugin?
highlight.js broke my java code highlighting, java is a supported lang , so i dont know why this code is getting fired from the markdown plugin?
highlight: (code, lang) => {
if (!Prism.languages[lang]) {
console.error(`Language '${lang}' is not available in Prism.js, ignoring syntax highlighting for this code block.`);
return code;
}
7 replies
I have some global data ( a menu API that is the same on all pages) that i would like to not request each time a page is visited. Is it possible to to create a plugin that makes the api requests and creates / updates each data.json with the data (via transferState) before visiting each route in the list with puppeteer.
It is possible to inject transferstate with route-plugins. So you can do what you want by wrapping all the route plugins you use in some custom router-plugin
3rth way is use the proccessRoute (or routeProccess) plugin, and add it to each and every route in there.