tompluess / tompluess-gatsby

Webseite von Tom Plüss

Website of Tom Plüss

Live site: tompluess.ch Deployed on: vercel.com

Features

• 🌊 Tailwind CSS
• 🍔 Responsive Hamburger Menu
• 🤩 Page Transitions, component-based (with no-js support)
• 💯 Optimized with Google Lighthouse (including test)
• 🔪 Inline SVG support
• ⚙️ One config file for site-wide settings
• 💙 Most social + meta tags in one component
• 🖼 All favicons generated, only one icon file needed
• 🌐 Offline support
• 📄 Manifest support
• 🗺 Sitemap support
• 📱 Generated media queries for easy use
• 😎 Prettier for code style
• ✨ Mend Renovate configuration
• 🐙 Schema JSONLD
• 🔎 size-plugin to keep an eye on your bundle sizes
• 👨‍🏫 ESLint (based on eslint-plugin-react)

Do you have suggestions or feedback? Open an issue!

Usage

# Installation with `gatsby-cli`
gatsby new my-site https://github.com/fabe/gatsby-universal

# Installation with `git clone`
git clone [email protected]:fabe/gatsby-universal.git my-site
cd my-site
yarn install

# To develop
yarn develop

# To build
yarn build

# To test SSR (for Lighthouse etc.)
yarn ssr

# To format JS (precommit)
yarn format

🚨 Don't forget to update your robots.txt inside static/!

Folder structure

├── gatsby-browser.js # Specify how Gatsby renders pages in the browser
├── gatsby-config.js # Gatsby config, mostly taken from `site-config.js`
├── gatsby-node.js # Modify webpack config
├── gatsby-ssr.js # Specify how Gatsby builds pages
├── site-config.js # Global settings for the whole site, used by multiple scripts
├── content # Content & data, in both json and markdown
├── src
│   ├── components
│   │   ├── head # All meta tags etc.
│   │   ├── io # Intersection Observer component, uses render props
│   │   ├── layout # Layout component
│   │   │   ├── layout.css # Main CSS for Layout
│   │   │   └── layout.js
│   │   └── transition # Page Transition component, used by Gatsby APIs
│   ├── constants # Site-wide constants (breakpoints, colors, etc.)
│   ├── helpers
│   │   ├── schemaGenerator.js # Generates JSON-LD schema.org snippets
│   │   └── mediaTemplates.js # Creates media queries for styled-components
│   ├── images # Images needed by the site/theme (not content)
│   │   ├── icon.png
│   ├── pages
│   └── store # Store and provider of a React.createContext instance
└── scripts
    ├── lighthouse.test.js # Tests the site specified inside `site-config.js` with Google Lighthouse (WIP)
    └── favicons.js # Generates favicons and manifest using one png only.

Credits

The Gatsby Universal template used for this website is from Fabian Schultz (@fschultz_) - Thank you very much!

tompluess-gatsby's Issues

Dependency Dashboard

This issue lists Renovate updates and detected dependencies. Read the Dependency Dashboard docs to learn more.

Warning

These dependencies are deprecated:

Datasource	Name	Replacement PR?
npm	eslint-loader

Rate-Limited

These updates are currently rate-limited. Click on a checkbox below to force their creation now.

• Update dependency eslint to v9
• Update dependency lighthouse to v12
• Update dependency node-gyp to v10
• Update dependency react-markdown to v9
• 🔐 Create all rate-limited PRs at once 🔐

Open

These updates have all been created already. Click a checkbox below to force a retry/rebase of any.

• Update dependency gatsby to v5.9.1 [SECURITY]
• Update dependency postcss to v8.4.31 [SECURITY]
• Update all non-major dependencies (@babel/core, @babel/eslint-parser, @vercel/analytics, core-js, directory-named-webpack-plugin, eslint, eslint-config-prettier, eslint-plugin-import, eslint-plugin-jsx-a11y, eslint-plugin-prettier, eslint-plugin-react, gatsby-link, gatsby-plugin-image, gatsby-plugin-manifest, gatsby-plugin-sharp, gatsby-plugin-sitemap, gatsby-plugin-styled-components, gatsby-react-router-scroll, gatsby-source-filesystem, gatsby-transformer-json, gatsby-transformer-remark, gatsby-transformer-sharp, node-gyp, prettier-plugin-tailwindcss, react, react-dom, tailwindcss)
• Update dependency ava to v6
• Update dependency babel-plugin-styled-components to v2
• Update dependency chrome-launcher to v1
• Update dependency eslint-webpack-plugin to v4
• Update dependency mkdirp to v3
• Update dependency prettier to v3
• Update dependency styled-components to v6
• Click on this checkbox to rebase all open PRs at once

Detected dependencies

npm

package.json

• @reach/router ^1.3.4
• @reach/visually-hidden ^0.18.0
• @vercel/analytics ^1.0.2
• babel-plugin-styled-components ^1.13.3
• eslint-webpack-plugin ^3.2.0
• gatsby ^5.0.0
• gatsby-link ^5.12.0
• gatsby-plugin-image ^3.12.0
• gatsby-plugin-manifest ^5.12.0
• gatsby-plugin-react-svg ^3.3.0
• gatsby-plugin-sharp ^5.12.0
• gatsby-plugin-sitemap ^6.12.0
• gatsby-plugin-styled-components ^6.12.0
• gatsby-react-router-scroll ^6.12.0
• gatsby-source-filesystem ^5.12.0
• gatsby-transformer-json ^5.12.0
• gatsby-transformer-remark ^6.12.0
• gatsby-transformer-sharp ^5.12.0
• intersection-observer ^0.12.2
• postcss ^8.4.29
• prop-types ^15.8.1
• react ^18.2.0
• react-dom ^18.2.0
• react-markdown ^8.0.7
• react-pose ^4.0.10
• styled-components ^5.3.11
• @babel/core ^7.22.19
• @babel/eslint-parser ^7.22.15
• ava ^5.3.1
• chrome-launcher ^0.15.2
• core-js ^3.32.2
• directory-named-webpack-plugin ^4.0.1
• eslint ^8.49.0
• eslint-config-prettier ^9.0.0
• eslint-config-react-app ^7.0.1
• eslint-loader ^4.0.2
• eslint-plugin-import ^2.28.1
• eslint-plugin-jsx-a11y ^6.7.1
• eslint-plugin-prettier ^5.0.0
• eslint-plugin-react ^7.33.2
• gatsby-plugin-eslint ^4.0.4
• lighthouse ^10.4.0
• mkdirp ^2.1.6
• node-gyp ^9.4.0
• prettier ^2.8.8
• prettier-plugin-tailwindcss ^0.5.4
• tailwindcss ^3.3.3

---

• Check this box to trigger a request for Renovate to run again on this repository