tobiaszimmer.dev Homepage

🚀 Developed with Gatsby (minimal starter)

Der Starter ist der Standardstarter von Gatsby und kann wie folgt genutzt werden:

1. Nach der Gatsby Installation einfach folgenden Befehl nutzen:

   # create a new Gatsby site using the minimal starter
   gatsby new

2. Anfangen zu entwickeln

   Einfach in das Verzeichnis navigieren, in dem das Projekt liegt und einen Develop-Server starten

   cd my-gatsby-site/
   npm run develop

3. In der Shell sieht man direkt, dass der Server unter localhost:8000 läuft

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

   Edit src/pages/index.js to see your site update in real-time!

4. Learn more

   • Documentation

   • Tutorials

   • Guides

   • API Reference

   • Plugin Library

   • Cheat Sheet

5. Genutzte Libs

• gatsby-plugin-sass
• gatsby-plugin-manifest
• gatsby-plugin-fontawesome-css

✨ Styling durch Tailwind (v3.0)

Einfache Installation per NPM

npm install -D tailwindcss

Anstarten des Listeners

npx tailwindcss init

Durch die Version 3.0 von Tailwind entfällt das Plugin "PurgeCSS" sowie der "JIT" als expliziter Modus, da diese Prozesse jetzt schon zum Standard gehören.

Tailwind lernen

• GitHub

• Documentation

• TailwindLabs

🔤 Icons

• FontAswesome
• HeroIcons