A starter kit for TypeScript-based Gatsby projects with sensible defaults.
This is a starter kit for Gatsby.js presentation written in TypeScript & MDX. It includes the bare essentials for you to get started (styling, minimal toolset).
- TypeScript
- ESLint (with custom ESLint rules)
- Basic component structure
- MobX
- React-IOC
- MDX Deck
- Presentation
- Terminal
- Image Effects
- Formulas
A nodejs >= 6.0.0 setup with yarn is recommended.
-
Create a gatsby site using CLI
Install
gatsby-cli
package globally on your machine.# using NPM npm install -g gatsby-cli # using YARN yarn global add gatsby-cli
Use the
gatsby-cli
to create a new site and install its dependencies.gatsby new project-name https://github.com/makamekm/presentation-react-ioc-mobx
-
Start up development server.
Move to project's directory.
cd project-name/
Start your site.
# using npm npm dev # using yarn yarn dev
Open source code using your favorite IDE/Text editor and navigate to
src/
directory, this is where your application live. -
Build your application for production.
Once you're finished, you can make production build of your app using:
# using npm npm run build # using yarn yarn build
-
Deploy your app to Github pages!
After building your application in step 3, you're ready to publish your app and go online!
npm install -g now now
Built with Gatsby - the blazing-fast static site generator for React.