Netlify Lambda Starter: Mẫu Netlify Lambda sử dụng Tailwind CSS

Mẫu Netlify Lambda Tailwind Static Starter

Dự án khởi đầu với Netlify Lambda, Tailwind CSS và các trang tĩnh.

Có một lambda tạo ra biểu tượng cảm xúc ngẫu nhiên 👍 tại ./src/lambda/emoji.js

Trang chủ chỉ là HTML với các tập lệnh nội tuyến.

Một hàm JavaScript ngăn chặn việc gửi biểu mẫu và gửi chúng bằng cách sử dụng fetch thay vì. Còn có một trợ giúp để lấy giá trị trường sử dụng tên của họ, see getFieldValue(form, fieldName) on GitHub.

Đây là một điểm khởi đầu tốt cho các bản demo nhanh về Lambda.

Thiết lập Phát triển

Bạn nên chạy yarn trước khi bắt đầu.

Các tập lệnh sau có sẵn:

• yarn start: bắt đầu Lambda(s) và phục vụ thư mục tĩnh bằng Netlify Dev . Quan trọng: trước start, yarn build:tw chạy.
• yarn build:tw: xây dựng bộ tiện ích CSS Tailwind đầy đủ (hữu ích cho phát triển), đảm bảo kiểm tra xem trang web của bạn sẽ trông như thế nào trực tiếp bằng cách sử dụng yarn build:css
• yarn build: chạy netlify-lambda build + xây dựng sản xuất CSS Tailwind (loại bỏ các lớp không sử dụng bằng PurgeCSS)
• yarn build:css: xây dựng sản xuất CSS Tailwind (loại bỏ các lớp không sử dụng bằng PurgeCSS)
• yarn lint và yarn format: chạy XO, “bộ kiểm tra mã JavaScript với các cài đặt mặc định tốt” (xem github.com/xojs/xo) với hoặc không có tùy chọn --fix tương ứng

.editorconfig

# http://editorconfig.org
root = true

[*]
indent_style = space
indent_size = 2
end_of_line = lf
charset = utf-8
trim_trailing_whitespace = true
insert_final_newline = true

# The JSON files contain newlines inconsistently
[*.json]
insert_final_newline = ignore

[*.md]
trim_trailing_whitespace = false

.gitignore

# Logs
logs
*.log
npm-debug.log*
yarn-debug.log*
yarn-error.log*
lerna-debug.log*

# Diagnostic reports (https://nodejs.org/api/report.html)
report.[0-9]*.[0-9]*.[0-9]*.[0-9]*.json

# Runtime data
pids
*.pid
*.seed
*.pid.lock

# Directory for instrumented libs generated by jscoverage/JSCover
lib-cov

# Coverage directory used by tools like istanbul
coverage
*.lcov

# nyc test coverage
.nyc_output

# Grunt intermediate storage (https://gruntjs.com/creating-plugins#storing-task-files)
.grunt

# Bower dependency directory (https://bower.io/)
bower_components

# node-waf configuration
.lock-wscript

# Compiled binary addons (https://nodejs.org/api/addons.html)
build/Release

# Dependency directories
node_modules/
jspm_packages/

# TypeScript v1 declaration files
typings/

# TypeScript cache
*.tsbuildinfo

# Optional npm cache directory
.npm

# Optional eslint cache
.eslintcache

# Optional REPL history
.node_repl_history

# Output of 'npm pack'
*.tgz

# Yarn Integrity file
.yarn-integrity

# dotenv environment variables file
.env
.env.test

# parcel-bundler cache (https://parceljs.org/)
.cache

# next.js build output
.next

# nuxt.js build output
.nuxt

# vuepress build output
.vuepress/dist

# Serverless directories
.serverless/

# FuseBox cache
.fusebox/

# DynamoDB Local files
.dynamodb/

dist
public/styles.css

Chi tiết Tải về:

Tác giả: HugoDF
Mã nguồn: https://github.com/HugoDF/netlify-lambda-tailwind-static-starter

Giấy phép: MIT license