What is GatsbyJS?
It is a blazingly fast modern site generator for React. ( The website defines it this way ). What they mean is:
It ...
For further actions, you may consider blocking this person and/or reporting abuse
Gatsby is fast no doubt in it but it is pretty hard to develop in especially in Windows. Last time I used Gatsby I got so much headache because of some of the design patterns that I never went back to it.
You can check my article here:
How is it like to work with GatsbyJS as a Nuxt.js developer?
Adnan Babakan (he/him) ・ Nov 8 '19 ・ 6 min read
Will check it out Adnan 🙂
Great article @developertharun
For anyone ending up in this article and struggling with the build times or the static limitations, I'd like to recommend Frontity (frontity.org). With Frontity you always have a Node server or a serverless function running, so your pages are generated dynamically, and you don't have to deal with build times.
Frontity is a free and open source framework. It enables you to easily build a React-based frontend for a headless (or decoupled) WordPress site. Your WordPress site serves its data via the REST API, and the frontend that you build with Frontity consumes this data and renders it in the browser as a SPA (Single Page Application) which you can configure and style to your liking.
Disclaimer: I'm one of the creators :)
Just wow! Can't wait to have an hands on. Will do it this weekend. Thanks a lot, both for your work and for the comment!
Great to read this! I'd love to know your impressions :)
This is very interesting. But isn't it possible to use wordpress API for data in react either way by just fetching the json? How does frontify enhance the process
What role does GraphQL play in Gatsby?
It is a Query language. It can be used for various purposes like ,
Getting information from the external sources to reading the internal .md files and creating articles out of them.
Okay thank you
Good 😄, Explained all in less time. I can see
GatsbyJs
can be usefull to buid things fast by using Plugins.Some Questions:
CSS, JS
CDN
Then Why
GatsbyJ
s for speed ?If
GatsbyJs
build time increase when pages increase , then GatsbyJs is not useful for blogs, because its obvious that my blog pages will increase in coming years,Does
GatsbyJs
have admin page from were we can create new blog post or we should useVS Code
to create new blog post ?Jamstack
uses APIs for back end , But for a typical blog I dont need a API or DB backend, I would use just static html pages , So what is the use of Jamstack ?Does
GatsbyJs
renders.md
file tohtml
file ?Is
GatsbyJs
free ?Why did you use
GatsbyJs
for your blog when there ishugo
?Hii,
I've tried my best to answer you. 🙂
Thanks for taking time to write 😄,
Hugo
is also Static site generator , its written inGo
. Its also fast. You can check below post to know more.dev.to/pluralsight/how-i-got-my-we...
Okay thank you 🙂
I am building a news website for my client in gatsby. Am I doing wrong now, obviously the site content can increase. But Last week I have seen some major update to gatsby that they increased the speed of build time by x1000
Oh that's amazing! At the end of the day, it all depends on the architecture of your application. Since you have already chosen and worked on it, I'm sure you are already handling the downsides in your own way.
You're good to go🙂 let us know how well it went, once you're done with the project.
gatsbyjs.org/blog/2020-05-26-intro...
Great! But I think this is only when we host our code on Gatsby Cloud, correct me if I'm wrong. 🙂
It's also possible on netlify :)
Oh that's amazing!! Where can I learn more about it? 🙂
netlify.com/blog/2020/04/23/enable...
the feature is called incremental builds :)
Ah I see.. I learned another new thing today then.. I'll check it out. Thanks a lot! 🙂
I've always thought about using gatsby. This among others are making things clearer
Thanks a lot! This definitely motivates me to write more. 🙂
I am very new to GatsbyJs, but this article made things clear to me about Gatsby. Well written. I noticed you tell that the documentation is great! Would love to check it out sometime. It would be helpful if you created video tutorials on it too. 😊
Yes, video tutorials will be helpful
yeah
Yeah
Sure, definitely 🙂
I like the style of the header image :)
I see I have a similar style to yours 😅 Great articles you got by the way.. will go through them now . 🙂
😅thanks for noticing it. Glad you liked it. I focus equally on the cover images of my posts too.
I do similar headers...are you also using Canva? :D
Yeah!! My all time favourite! I use Canva for my dev.to posts, my blog posts, My YouTube channel thumbnails and even for presentation and slides..
Canva is a blessing!
Yeah, Canva is my favourite too!
Amazing!
yeah Canva is my favourite too!
Nice Overview of Gatsby!
In a recent project I gave gatsby a try for a more dynamic website, and so far I am very positive. As always their excellent documentation is a great help! (e.g. gatsbyjs.org/docs/data-fetching/)
That's a positive sign!
Thank you for sharing. But what was the website about? 🙂
Nothing too fancy to be honest. It just has some dynamic elements with a calender and availability fetching at browser runtime.
Okay.. cool.. all the best! 🙂
Good explanation of the advantages. Can't wait to try Gatsby. Do you know the best place to start learning GatsbyJs?
The documentation 🙂 Gatsby has the best documentation I've ever seen 🙂
Okay will check it out
Sure, give it a go, if you know HTML, CSS, JavaScript and ReactJs basics.
Okay thank you
Great article! What are the pre requisites for GatsbyJs?
HTML, CSS, JavaScript, ReactJs
GraphQL knowledge will help
I see, okay thank you.
Glad it helps 🙂
Gasby documentation is the best and really easy to follow. Thanks for this amazing article.
Definitely David..! I feel exactly the same way! 🙂
Thank you 🙂
Visiting again :)
It seems Gatsbyjs will become slow as files increases.
Compare the results check below:
css-tricks.com/comparing-static-si...
Will you suggest Gatsby for eCommerce websites?
Hi Jithesh,
As per my knowledge, if you want similar experience, check out Next.js . It is more suitable to websites like ecommerce which keeps changing often.
Next.js is Server side rendered and provides a very fast and smooth user experience. 🙂
Great article. I use Gatsby.js myself, and it is fast and lightweight.
Thanks a lot Carl for the appreciation. 🙂 For what kind of projects have you used Gatsby?
How long does it take to learn Gatsby
Can I learn the advanced Gatsby in a week?