내 관점에서 JAMstack은 프론트엔드 배경을 가진 개발자에게 특히 매력적입니다. 이제 서버 측 아키텍처, 확장성 또는 캐싱에 대한 깊은 이해 없이도 백엔드 서비스를 배포할 수 있습니다.

이를 염두에 두고 새 프로젝트create-netlify-ts를 시작했습니다. 이 프로젝트의 요점은 TypeScript의 자체 문서화 측면을 활용하여 Lambda 함수에 대한 장벽을 훨씬 더 낮추는 것입니다.

어떻게 ❓

글쎄, TypeScript의 자체 문서화 측면을 사용하여. 강력한 형식의 코드에서(그리고 다행히도 IDE가 적절하게 구성된 경우) 메서드는 필요한 것을 속삭일 것입니다.

그러나 TypeScript를 NodeJS에 추가하면 새로운 복잡성 계층이 추가됩니다. 노드는 유형을 가져오지 않으므로 .js 파일을 작성하고 Netlify에서 ✨마법처럼✨ 라이브가 되도록 푸시하는 단순함이 사라집니다.

Netlify 함수에 빌드 단계를 추가하기 위해 옵니다netlify-lambda. 이것을 실행하는 방법에 대한 작은 자습서를 작성했습니다.

TypeScript로 Netlify 함수 배포

Atila Fassina ・ 8월 10일 ・ 3분 읽기

#codenewbie #serverless #typescript #tutorial

하지만 이 설정을 안팎으로 안다고 해도 매번 그렇게 하기는 좀 귀찮다.

나는 그 느낌을 압니다. 그래서 뭔가를 만들었습니다.

라면보다 빠름🥡

터미널에서 간단한 명령으로:

# if you use Yarn
yarn create netlify-ts

# if you use NPM
npx create-netlify-ts

다른 간단한 명령으로 Netlify Functions에 배포할 준비가 된 새 프로젝트가 부트스트랩되었습니다.



상용구는 작동하는 Netlify 기능의 최소 요구 사항보다 약간 더 많습니다. 그것은 당신에게 약간의 독단적인 코딩 스타일을 제공할 수 있고 request 및 response 유형을 제공하므로 IDE에서 벗어나지 않고도 서비스의 논리를 쉽게 작성할 수 있습니다.

아틸라파시나 / 생성-netlify-ts

👟 TypeScript로 Netlify 함수를 구축하는 것이 이보다 쉬울 수는 없습니다.

생성-netlify-ts

👟 TypeScript로 Netlify 함수를 쉽게 구축
📦 패키지 관리자 불가지론
🐾 생산 공간 없음
🚀 배포 준비 완료

❯_

npm

npx create-netlify-ts

실

yarn create netlify-ts

❓ 질문에 답하고 코딩을 시작하세요!

🌲 파일 트리

 {{ package-name }}
  ├── src
  │   └── {{ your-function-name }}.ts
  ├── package.json
  ├── .babelrc
  ├── .gitignore
  └── netlify.toml

🧳 설치된 의존성

모든 종속성은 alt-tabbing로 설치되며, create-netlify-ts는 프로덕션 코드에 공간이 없습니다.

필수 종속성

패키지 이름
왜


netlify-람다
Netlify 함수에 빌드 단계 추가

타자기
TypeScript용 컴파일러( devDependencies )

@babel/preset-env
출력할 JavaScript 구문을 Babel에 알려줍니다.

@babel/preset-typescript
Babel에게 TypeScript 컴파일러를 사용하도록 가르치기

@유형/aws-람다
AWS Lambda에 대한 요청/응답 유형†

†: Netlify Functions는 AWS-Lambdas 위에서 실행됩니다.

선택적 의존성

Netlify CLI Netlify 기능을 로컬에서 실행하려면

Prettier : 일부 독단적인 구성 포함

🛫 솔로 비행

밖은 위험한 길입니다. 다음을 수행하십시오.
📹 …

View on GitHub

특징 ✨

서버tsc를 도메인 루트

로

배포 설정

작업 흐름을 간소화하기 위한 선택적 종속성

요건❗️

Netlify에 처음 배포하는 경우 해결할 수 없는 두 가지 사항이 있습니다.

다음을 수행해야 합니다.

사전에 Netlify 계정을 수동으로 생성하십시오

.

Netlify CLI를 사용하는 경우 계정을 CLI와 수동으로 연결해야 합니다

.

구함 🏆

Create-Netlify-TS는 초기 단계에 있으며 어떤 종류의 기여도 환영합니다. 예를 들어 다음을 수행할 수 있습니다.

사용에 대한 피드백 제공

기존 기능 및 구성에 대한 개선 제안

더 많은 테스트 범위 추가

일부 필요한 작업 자동화(예: 패키지 게시)

당신이 생각할 수 있는 다른 무엇이든, 문제를 터뜨리고 이야기합시다!

💌

이 프로젝트가 유용하다고 생각하셨다면 계속해서 개선하는 데 많은 도움이 될 것입니다. 😁