For the day i researched a little about gatsby and react. Came across a number of posts here.
Such as,
![laurieontech](https://res.cloudinary.com/practicaldev/image/fetch/s--IqsnwO14--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://res.cloudinary.com/practicaldev/image/fetch/s--zM8EUzh5--/c_fill%2Cf_auto%2Cfl_progressive%2Ch_150%2Cq_auto%2Cw_150/https://dev-to-uploads.s3.amazonaws.com/uploads/user/profile_image/67245/e491c3cb-9cae-4f54-9a6e-79cbd28eea4f.jpeg)
Rewriting A Static Website Using Gatsby and GraphQL - Part 1
Laurie ・ Feb 21 '19 ・ 7 min read
![alanhylands](https://res.cloudinary.com/practicaldev/image/fetch/s--h_XKlPOP--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://res.cloudinary.com/practicaldev/image/fetch/s--aCQc-RjS--/c_fill%2Cf_auto%2Cfl_progressive%2Ch_150%2Cq_auto%2Cw_150/https://dev-to-uploads.s3.amazonaws.com/uploads/user/profile_image/96905/25f71c10-99c1-463f-bb99-508725071919.jpg)
Migrating My Blog From Wordpress To Gatsby - Part 1
Alan Hylands ・ May 18 '19 ・ 6 min read
![coreyja](https://res.cloudinary.com/practicaldev/image/fetch/s--78hiX_Kh--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://res.cloudinary.com/practicaldev/image/fetch/s--k8GbTU0_--/c_fill%2Cf_auto%2Cfl_progressive%2Ch_150%2Cq_auto%2Cw_150/https://dev-to-uploads.s3.amazonaws.com/uploads/user/profile_image/40335/4f0ae947-62fe-4657-b411-559a19e97138.jpeg)
I ported my blog to Gatsby 🎉
Corey Alexander ・ May 25 '19 ・ 4 min read
and so on.
After reading i decided to begin with official docs.
The prequsites are
- Node.js and NPM
- Git
- Gatsby CLI
- Text Editor
The Gatsby cli commands are pretty much self explanatory up to this point.
Eventually in order to run gatsby develop was pretty much enough .
Reminds me of different server running commands like ng serve and artisan serve
Code structure is not that different from other frameworks.
After some copy pasting,
- Learned about Gatsby starters, and how to use them to create new projects JSX syntax
- Learned about components
- Learned about Gatsby page components and sub-components
Top comments (0)