This is my personal portfolio website where I showcase my work and experience.
The website is created with Gatsby to be statically generated, to improve performance and SEO.
To kick off the development, I used gatsby-starter-default which has basic scaffolding set up for a Gatsby project
-
Clone the repository and install dependencies.
git clone https://github.com/hrafnkellbaldurs/hrafnkellbaldurs.git cd hrafnkellbaldurs npm install -
Start developing
npm run dev
-
Open the source code and start editing! The 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 the data. Learn more about using this tool in the Gatsby tutorial.Open the the
hrafnkellbaldursdirectory in your code editor of choice and editsrc/pages/index.js. Save your changes and the browser will update in real time!
Looking for more guidance? Full documentation for Gatsby lives on the website. Here are some places to start:
-
For most developers, we recommend starting with our in-depth tutorial for creating a site with Gatsby. It starts with zero assumptions about your level of ability and walks through every step of the process.
-
To dive straight into code samples head to the documentation. In particular, check out the “Guides”, API reference, and “Advanced Tutorials” sections in the sidebar.
-
The built storybook is located here
but you can also run it locally and see live changes. -
To run Storybook in development mode
npm run storybook # storybook will run on http://localhost:6006All files in the /src folder that match
*.stories.jswill be used, although I like to keep each stories file in the same folder as the component it's representing -
To build Storybook
npm run storybook:prod
The build files are generated in the /docs folder, which is hosted on the main branch GitHub Pages for this repository