Skip to content

Instantly share code, notes, and snippets.

View konstantinmuenster's full-sized avatar
🙌

Konstantin Münster konstantinmuenster

🙌
View GitHub Profile
@konstantinmuenster
konstantinmuenster / gatsby-config.js
Created June 3, 2020 18:29
gatsby-config.js (3) - How To Gatsby Portfolio
plugins: [
...
{
resolve: `gatsby-source-filesystem`,
options: {
name: `content`,
path: `${__dirname}/src/content`,
},
},
`gatsby-transformer-remark`,
@konstantinmuenster
konstantinmuenster / gatsby-config.js
Created June 3, 2020 18:21
gatsby-config.js (2) - How To Gatsby Portfolio
{
resolve: `gatsby-source-filesystem`,
options: {
name: `content`,
path: `${__dirname}/src/content`,
},
},
@konstantinmuenster
konstantinmuenster / hero.md
Created May 24, 2020 18:11
hero.md (1) - How To Gatsby Portfolio
greetings emoji title subtitlePrefix subtitleHighlight
Hello
👋
I'm Konstantin Münster
I build and design
things for the web.

Product Manager and Freelance Web Developer. Based in Hamburg.

@konstantinmuenster
konstantinmuenster / index.js
Created May 24, 2020 17:51
index.js (3) - How To Gatsby Portfolio
import React from "react"
import Layout from "../components/layout"
import Hero from "../components/hero"
const IndexPage = () => {
return (
<Layout>
<Hero />
</Layout>
@konstantinmuenster
konstantinmuenster / hero.js
Created May 24, 2020 17:47
hero.js (1) - How To Gatsby Portfolio
import React from "react"
import styled from "styled-components"
const StyledSection = styled.section`
.title {
margin-bottom: 0;
}
.subtitle {
margin-top: 0;
}
@konstantinmuenster
konstantinmuenster / index.js
Created May 24, 2020 17:25
index.js (2) - How To Gatsby Portfolio
import React from "react"
import Layout from "../components/layout"
const IndexPage = () => {
return (
<Layout>
I am a good-looking page, right?
</Layout>
)
@konstantinmuenster
konstantinmuenster / layout.js
Created May 24, 2020 17:12
layout.js (1) - How To Gatsby Portfolio
import React from "react"
import styled from "styled-components"
import GlobalStyle from "./globalStyle"
import Header from "./header"
import Footer from "./footer"
const StyledLayout = styled.div`
width: 100%;
min-height: 100vh;
@konstantinmuenster
konstantinmuenster / gatsby-config.js
Last active June 6, 2020 06:27
gatsby-config.js (1) - How To Gatsby Portfolio
module.exports = {
...
},
plugins: [
`gatsby-plugin-react-helmet`,
{
resolve: `gatsby-source-filesystem`,
options: {
name: `images`,
path: `${__dirname}/src/images`,
@konstantinmuenster
konstantinmuenster / index.js
Created May 24, 2020 14:37
index.js (1) - How To Gatsby Portfolio
import React from "react"
const IndexPage = () => {
return <h1>Hi there</h1>
}
export default IndexPage
@konstantinmuenster
konstantinmuenster / sw.install.js
Created January 24, 2020 15:24
Service Worker Rendering - Install Event
importScripts('./js/handlebars.min.js');
importScripts('./templates/post.precompiled.js');
var CACHE_NAME = 'cache-v1';
var urlsToCache = [
'/',
'/templates/index.precompiled.js',
'/post/',
'/templates/post.precompiled.js',
'/css/style.css',