Why the terminal is my main tool
You can check the diff of the commit on GitHub
When you ship a new feature, moving back and forth between the documentation, the terminal, and the codebase is kind of a pain.
We need a better toolchain for that.
And I need a cli tool because I am an automation nerd.
Let me introduce you to gatsby recipes 👨🍳. Open your terminal and run this command on the folder of your website:
Select a recipe to run
Add a custom ESLint config
Add Gatsby Theme Blog
Add persistent layout component with gatsby-plugin-layout
Add Theme UI
Add support for MDX Pages
Add support for MDX Pages with images
Add Styled Components
Add Cypress testing
Add animated page transition support
Add plugins to make site a PWA
Add React Helmet
Add Storybook - TypeScript
Step 1 / 4
Installs necessary NPM packages.
* Install typescript@latest
* Install gatsby-plugin-typescript@latest
* Install @typescript-eslint/parser@latest
* Install @typescript-eslint/eslint-plugin@latest
Step 2 / 4
Installs the plugin gatsby-plugin-typescript in your gatsby-config.js.
* Install gatsby-plugin-typescript in gatsby-config.js
Step 3 / 4
Adds a tsconfig.json file to control how TypeScript processes your code.
* Write tsconfig.json
Step 4 / 4
After installing this recipe, you can add TypeScript code, components, and pages in your sites src directory.
We learned how gatsby recipes can improve your workflow with up-to-date and clear instructions.
One more thing.
If you learned something new, let me know andshare this article on Twitter.
Be the first to receive insightful articles and actionable resources that help you to elevate your skills across every touch point.