Jamstack Hackathon Starter

Overview

This article discusses how to create authenticated, serverless, dynamic clientside JAMstack apps using Gatsby and Netlify Dev. The author provides a forked repository with sample code that demonstrates the integration of Netlify Identity and Netlify Functions (via Netlify Dev) with Gatsby. The article is aimed at developers interested in building JAMstack applications or those looking for a reference implementation.

Features

• Serverless Functions: The forked repository includes serverless functions for handling various tasks.
• Authentication (with Netlify Identity): Netlify Identity is integrated into the app for user authentication.
• Authenticated Serverless Functions: Serverless functions can be executed only by authenticated users.
• External Provider Login: Users can log in using external authentication providers such as GitHub, Bitbucket, and Google.
• Protected Routes: The app includes protected routes that can only be accessed by authenticated users.
• Dynamic Clientside Pages in Gatsby: The Gatsby app allows for dynamically rendered clientside pages.
• Hide API Secrets: API secrets are hidden from being exposed to the frontend.

Summary

This article introduces the use of Gatsby, Netlify Dev, Netlify Identity, and Netlify Functions to build authenticated, serverless, dynamic clientside JAMstack apps. It provides a forked sample project repository that can be used as a reference and includes several key features such as serverless functions, authentication, protected routes, and external provider login. The installation process is outlined, and additional resources are provided for further learning and assistance.