How to Build a Blog with Analog and Angular in Under 10 Minutes
Вставка
- Опубліковано 27 сер 2023
- 👋 Stay Connected:
Twitter - / brandontroberts
GitHub - github.com/brandonroberts
Discord - chat.analogjs.org
💰Support my work
GitHub Sponsors
github.com/sponsors/brandonro...
UA-cam Channel Membership
/ @brandonrobertsdev
💻 OSS:
Analog - github.com/analogjs/analog
NgRx - github.com/ngrx/platform - Наука та технологія
Thank you for this, i have just spent days and days researching next, nuxt and sveltekit as there was nothing like them in Angular besides scully which seems defunct. I am ridiculously happy that i get to leep focusingnon Angular, cheers mate
Nice stuff. I am curious to see more about analog.
Thanks Paulo. What else would you like to see?
@@BrandonRobertsDev I would like to see stuff about analog configuration, maybe data fetching too.
This is awesome 🚀
Thanks Robert! 🚀
🎉 great stuff.
Thanks!
good job Brandon!
Thanks Federico!
Can we ask you to continue this simple project in the next episodes, and extend it using more functionalities such as comments, maybe admin area to moderate them, blog post rating, etc...?
Also, is there any analog plugin to render math expressions on a page using Latex or any other language?
That's a full blown platform! I'll see what I can do.
Markdown is the only built-in plugin.
cool 👏👏👏
Thanks!
Awesome
In completely unrelated news, I learned about the "Command Center" option for the top area of VS Code.
💰
🔥
This does not work for me. I only get an timeout when going to the localhost. If I add /api/anything it says routing is missing.
Any suggestion why it's not showing the same as in the video.
Try again with the latest release. It should resolve the timeout
npm create analog@latest my-blog
can i create a crud md files? can I save the md files in a folder or a bucket storage when the aplication is on deployed? thanks. good video
Thanks.
In order to use the injectContent function, you have to place them in the src/content folder, but you can source your markdown files from somewhere else and just use the markdown component for display if you choose. Using a headless CMS is a good example.
thx man, i hope you create full web applications using angular
Thanks and yes
thx man, we are waiting...can you plz talk about the way we could access other component from an specific component using RXJS and change the value of variable for example...@@BrandonRobertsDev
If already build my app using angular, how can I generate static html files from it using analog?
It's possible to add Analog to an existing Angular project, but the steps are manual at the moment. We are working on automating this with a schematic. If you want to see what the changes look like, you can look at this GitHub repo:
github.com/brandonroberts/angular-to-analog-migration
would be perfect if connected to headless cms
It can
Check out this repo
github.com/rangle/angular-headless-cms
tutorial for SSG with headless CMS please ^_^
There are many to choose from. Do you have any suggestions?
@@BrandonRobertsDev I use datocms ^_^
I support that idea, a blog without headless cms seems incomplete solution.
@@pawemikos7714 agree, can't imagine telling to clients to create and write md file, hehehe.
Analog definitely supports using a headless CMS. I've seen an example using Contentful, but the same idea could be applied to any solution. Pull in the data from your CMS, render content the components on the page.
I don't ubderstand the utility of AnalogJS.. Because Angular is already a complete framework..
If you've followed meta-frameworks, they have a set of features that Angular does not have integrated together. Filesystem-based routing, API routes, hybrid SSR/SSG enabled by default and support for non-node environments.
If you want to use Angular SSG and build the rest yourself, that's fine too. Analog is an integrated experience.
"promosm" ☀️