jescalan/roots

a toolkit for rapid advanced front-end development

Jeff Escalante

@jescalan

there are adapters for a couple popular headless cms' for spike, such as contentful, dato, and wordpress

Eleazar Junsan

@eljun

HellO @jescalan,

Yes I think I understand where you're going at, we been storing plenty of .md files for our blog using the /admin combined with netlify. So far it is manageable, but we are limited to many blogging features such as tagging, feeds, categorize, searching, and so on. I guess this is one of the major disadvantage of roots compare to Hexo & Jekyll. But we have had no regrets in choosing roots to back our cms sites for the past 2 yrs.

Jeff Escalante

@jescalan

this is a blog made with spike: https://life.spartan.com/

full featured, search, categories, etc

this site uses contentful as the back end

it can be done, just depends on the architecture

markdown files are just a bad way to store blog content

a much better way is a relational database

Wasim Ullah

@mrwullah

How do I display post excerpts of posts on the home page? (as seen on: https://themes.gohugo.io/theme/hugo-theme-cactus-plus/)
What's the code for tags page? (as seen on: https://themes.gohugo.io/theme/hugo-theme-cactus-plus/tags)
How to add "about" under a post? (as seen on: https://addyosmani.com/blog/chrome-devtools-deepdive/)

Jeff Escalante

@jescalan

Hi @mrwullah - are you working on an existing site or building a new site with roots?

are you aware that roots is unmaintained?

Wasim Ullah

@mrwullah

I wasn't aware. I am working with Hugo. Is this the wrong place to ask this question?

Jeff Escalante

@jescalan

yes, this is not the correct room for hugo

this is for roots

not sure how that even got confused haha

andrewgrano

@andrewgrano

haha thats funny

andrewgrano

@andrewgrano

Hey Jeff, hope all is well with you. That Spartan site is really impressive, did you build it? My roots site (roaminglove.com) is going on 300+ posts now. My code is getting messy and the site is getting slower now that there are 4 URLs of JSON data (wordpress creates a new URL after every 100 posts). Do you think it would be pretty time consuming to switch my site from roots to spike and make it as legit as the Spartan site? I guess my other option would be to switch to wordpress as the front-end. Anyways, thank you for any insight that you could provide!

Jeff Escalante

@jescalan

Hey Andrew! Yep I did. I think it would be a lot to time consuming for sure, but as you grow the post number it will become impossible to keep it fast while compiling everything. Switching to Hugo will give you some breathing room, and you could still use spike or roots for your assets, but eventually it will get slow as well

The big move is switching from compiling every post, to only compiling a limited number of recent posts, and fetching the rest on demand. This can be done with either build system, but is involved

Switching to straight word press would also solve the problem, but would make the site load slower and be more vulnerable to security issues

andrewgrano

@andrewgrano

Hey Jeff! Thanks for the feedback. This all makes a lot of sense. My site is growing rapidly (new posts every day), so for that reason, I'm leaning towards using wordpress as the front end... Anyways, congrats on the Spartan website - truly a huge accomplishment!

arbel

@arbel

Hi, I'm having trouble get scss to work.

I've followed the steps here: https://medium.com/@_phzn/roots-a-delightful-static-site-generator-get-started-in-20-minutes-f7aaab43056d

but my public css folder still has scss files and not converted css files

Ben O'Donohue

@benodonohue

Are you using roots stand alone or roots with spike?

Tom Kraak

@tkraak

there is to "roots with spike"

spike is the successor of roots

Jeff Escalante

@jescalan

@arbel make sure you have the correct extension and have installed node-sass

Jake Rorrer

@jdrorrer

Hello! How would I go about including jquery or bootstrap in a roots project?

I'm not seeing anything in the docs about it

Jake Rorrer

@jdrorrer

Nevermind... figured it out

Tom Kraak

@tkraak

@jdrorrer ... https://github.com/tkraak/roots-sass

Jake Rorrer

@jdrorrer

Has anyone done something like css modules with roots? And if so could you point me in the right direction? I'm using scss, and would like to give my css files a local scope with something like modules rather than worrying too much about naming.

Jake Rorrer

@jdrorrer

Would I need to use something like postcss and css-modules with browserify?

Or is there a simpler way?

Jeff Escalante

@jescalan

i might go with spike for something like this

Eleazar Junsan

@eljun

hi, jef is http://roots.cx/ already dead? I can't seems to access the site anymore..

Jeff Escalante

@jescalan

oh yeah, unfortunately the domain expired

and its like, more than $100 to renew so i was on the fence about it

then i forgot about it

i should probably just host the site at a different domain thats not as expensive

for now, you can access it at http://roots.netlify.com/

Eleazar Junsan

@eljun

Yeah, thanks for that we will only now be using roots for our existing projects, but next year all our new projects will be running on spike :D hope we don't migrate again to another compiler :(

Jeff Escalante

@jescalan

i mean, roots is still ok as-is! you are welcome to continue using it

its just not going to be getting new features etc

Oren Mizrahi

@orenmizr

"elements are first class citizen" that is great. and there are waitFor... all kind of elements. but what if i need to wait for a javascript event/flag ?
what is the best way to go about it ? basically:

HomePage.WaitFor('appLoadEvent')

kudos for helpers

Iain Maitland

@gl2748

RIP

Jeff Escalante

@jescalan

lol

it was a good run

Where communities thrive

People

Repo info

Activity