Netlify Lambda Tailwind Static Starter screenshot

Netlify Lambda Tailwind Static Starter

Author Avatar Theme by Hugodf
Updated: 7 Sep 2021
8 Stars

A starter project with Netlify Lambda, Tailwind CSS and static pages.

Overview:

The Netlify Lambda Tailwind Static Starter is a starter project that combines the use of Netlify Lambda, Tailwind CSS, and static pages. It provides a quick and convenient starting point for creating Lambda demos.

Features:

  • Netlify Lambda integration for serverless functions
  • Tailwind CSS for responsive and customizable styling
  • Static pages for fast loading times
  • JavaScript function to intercept form submits and send them using fetch

Installation:

To install and use the Netlify Lambda Tailwind Static Starter, follow these steps:

  1. Run yarn to install the necessary dependencies.
  2. Use the following scripts:
    • yarn start: start the Lambda(s) and serve the static directory using Netlify Dev. Note that before starting, yarn build:tw should be run.
    • yarn build:tw: build the full set of Tailwind CSS utilities, useful for development. Live preview of the site can be checked using yarn build:css.
    • yarn build: run netlify-lambda build + Tailwind CSS production build, which removes unused classes using PurgeCSS.
    • yarn build:css: Tailwind CSS production build, removing unused classes using PurgeCSS.
    • yarn lint and yarn format: run XO, a JavaScript linter with great defaults, with or without the --fix flag respectively.

Summary:

The Netlify Lambda Tailwind Static Starter is a convenient starter project that combines the power of Netlify Lambda, Tailwind CSS, and static pages. It provides a simple setup for creating Lambda demos and includes features such as form submission interception and the use of fetch for sending form data. With easy installation steps and multiple available scripts, this starter project is a great starting point for developers looking to quickly build and deploy a project using these technologies.