Skip to content
/ note Public

This is my personal blog using GatsbyJs static web generator.

License

Notifications You must be signed in to change notification settings

kiwsan/note

Repository files navigation

The note

Deploy your next app in seconds. Get $100 in cloud credits from @DigitalOcean using my link:

DigitalOcean Referral Badge

Work in progress.

Build Status

GatsbyJS

Description

A ready to use, easy to customize GatsbyJS personal blog starter with 'like app' layout transitions.

🚀 Quick start

  1. Create a Gatsby site.

    Use the Gatsby CLI to create a new site, specifying the note.

    # create a new Gatsby site using the note
    gatsby new my-note https://github.com/kiwsan/note
  2. Start developing.

    Navigate into your new site’s directory and start it up.

    cd my-note/
    gatsby develop
  3. Open the source code and start editing!

    Your site is now running at http://localhost:8000!

    Note: You'll also see a second link: http://localhost:8000/___graphql. This is a tool you can use to experiment with querying your data. Learn more about using this tool in the Gatsby tutorial.

    Open the my-note directory in your code editor of choice and edit src/pages/index.js. Save your changes and the browser will update in real time!

  4. Create a docker image.

    Build the site (as desribed in your doc).

    $ npm install 
    $ npm run build

    Now you have a public/ repository. This is what the image with the :onbuild tag expects.

    LICENSE  README.md  node_modules/  package-lock.json  package.json  public/  src/

    Build the docker image

    $ docker build -t gatsby-site .

    And finally I can start a docker container from the image.

    $ docker run -d -p 8000:80 gatsby-site

    Now you can curl gatsby localhost:8000

    $ curl localhost:8000

    User Story (Scrum)

About

This is my personal blog using GatsbyJs static web generator.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published