Linkschleuder zu Gatsby und Netlify (und zu responsivem Design)

Gatsby, das auf React aufsetztende JavaScript-Werkzeug zum Generieren statischer Seiten ist nach Hugo und Pelican das dritte Tool, das als Grundlage für ein Redesign des Schockwellenreiters auf meiner Testliste steht. Insbesondere die Zusammenarbeit mit Netlify, dem Webhoster für statische Seiten (in der Grundversion kostenlos), scheint mir interessant. Da ich aufgrund einiger anderer Projekte momentan nicht zu einem Test kommen werde, haue ich auch hier erst einmal alle Links heraus, die mir interessant erschienen und die ich nicht vergessen möchte.

Daneben gibt es auch noch ein paar Links zu CSS-Tricks und Sass, da ich das Redesign dieses Blogs Kritzelheftes natürlich responsiv gestalten möchte.

• Beginnen wir mit einer Einführung in Gatsby, einem netten Tutorial von Michelle Barker.

• Der Beitrag »Open Sourcing Gatsby Workshops« von Shannon Soper verlinkt auch auf weitere Gatsby-Tutorials.

• Noch ein einführendes Tutorial: »Moving from create-react-app to Gatsby.js« von Khaled Garbaya:

• Die Gatsby V2 beta ist draußen und eliminiert die Layout-Komponenten von Gatsby. Jason Lengstorf erklärt, was dies für die Entwickler bedeutet: »Life After Layouts«

• Jazib Sawar: Build a Gatsby Blog using the Cosmic JS source plugin. »In this tutorial, I’m going to show you how to create a simple but blazing fast blog using React, Gatsby JS, and Cosmic JS. Let’s get started.«

• Nun zur Gatsby und Netlify: Von Dennis Padiernos gibt es die »5 pro-tips and plugins for optimizing your Gatsby + Netlify site«.

• Lorenz Walthert: »Switching to blogdown, Netlify and Travis«. Dieser umfangreiche Blog-Artikel hat zwar nichts mit Gatsby, aber eine Menge mit Netlify zu tun.

• Und nun zur Abteilung CSS und Sass: Stephen Sunerzählt Euch »How to center things with style in CSS«. Oder eben nicht. Denn es ist kompliziert.

• Chandrabhans Beitrag »Give more oompf to your web garnishes with preprocessors in Sass« ist eine nette Einführung in diesen CSS-Preprozessor.

• Die Tutorials von Per Harald Borgen sind immer meine Aufmerksamkeit wert. So auch dieses: »How to quickly prototype apps with CSS Grid and CSS Variables«

• Da die Frage nach einem (plattformübergreifenden) Editor bei mir immer noch im Raum steht, verlinke ich auch auf den Artikel »Immensely upgrade your development environment with these Visual Studio Code extensions« von Indrek Lasn. Vielleicht hilft er mir ja bei der Entscheidungsfindung.

War sonst noch was? Ach ja, Kyle Mathews der Co-Gründer von Gatsby kündigt eine neue Gatsby-Company an und GitLab wechselt von Microsoft zu Google. Beide Meldungen haben (hoffentlich) nicht das Geringste miteinander zu tun.

[Photo (cc): Jörg Kantel]

(Kommentieren)