이 게시물에서는 React Native, Serverless 프레임워크 및 Upstash를 사용하여 리더보드를 보고 업데이트하기 위한 모바일 애플리케이션을 개발합니다. AWS Lambda에서 실행되는 Python 기능으로 구성된 Serverless 프레임워크가 지원하는 모바일 애플리케이션을 개발하기 위해 React Native를 사용할 것입니다. 1 - Upstash Redis 사용 일반적인 리더보드 앱에서는 사용자 정보와 사용자가 속한 점수를 저장해야 합니다. 이 모든 데이터는 점수별로 정렬되어야 하므로 Redis를 사용하는
Remix는 기존 웹 표준에 초점을 맞추고 프론트엔드를 백엔드에 밀접하게 묶는 풀스택 React 프레임워크의 의미에 대한 새로운 해석입니다. 이 긴밀한 결합은 데이터를 React 구성 요소에 로드하는 것이 얼마나 간단한지 또는 양식에서 제출된 데이터를 처리하는 방법을 볼 때 신선한 공기를 불어넣습니다. 이 기사에서는 Upstash Redis를 데이터베이스로 사용하여 간단한 기능 플래그 관리 시스템을 만들어 Remix의 성능을 확인할 수 있습니다. 전체 소스 코드는 여기에서 찾을 수 있습니다. 설정 npx create-remix
전체 스택 웹 프레임워크인 Remix는 일반적인 웹 서버 사용 사례를 처리하기 위한 API를 제공합니다. 이 게시물은 세션과 Upstash를 사용하여 세션을 저장하는 이유와 방법에 초점을 맞춥니다. 세션이란 무엇입니까? Remix 문서에는 세션에 대한 아주 좋은 소개가 있습니다. https://remix.run/docs/en/v1/api/remix#sessions 간단히 말해서 세션은 서버와 클라이언트가 사용자 데이터/상태를 공유할 수 있도록 하는 메커니즘입니다. 세션 사용의 예는 사용자 인증 상태 추적, 장바구니 상태, 플
요즘은 Redis 데이터베이스가 없는 IT 세계를 상상하기 어렵습니다. 2021년에 발표된 Stackoverflow의 개발자 설문조사에서 인메모리 데이터베이스는 큰 인기를 얻었으며 70000명 이상의 개발자가 가장 사랑하는 데이터베이스로 선택되었습니다. 인메모리 데이터베이스로서 Redis는 강력한 성능을 제공하여 짧은 응답이 필요한 시나리오에 이상적입니다. 시간 및 최소 대기 시간. 그러나 Redis의 사용 사례는 종종 캐싱 및 메시지 중개에 국한되는 것으로 잘못 이해됩니다. 오늘은 이것이 잘못된 이유를 살펴보고 기본 데이터베이스의
Next.js는 React를 핵심으로 하는 가장 인기 있는 프론트엔드 프레임워크 중 하나입니다. 정적 HTML을 생성하거나 클라이언트와 서버에서 동적으로 렌더링할 수 있습니다. 따라서 모든 유형의 응용 프로그램 및 웹 사이트를 위한 다목적 도구입니다. 그리고 가장 좋은 점은 오픈 소스이며 무료로 사용할 수 있다는 것입니다! NextAuth는 다양한 ID 공급자와 데이터베이스를 통합하는 데 도움이 되는 Next.js용 타사 라이브러리입니다. 등록할 때 사용자의 시간을 절약할 수 있으며 선택한 데이터베이스에 모든 필수 계정 정보를 보
모바일 애플리케이션에서는 앱의 최종 사용자에게 일부 정보, 경고 또는 지침을 보내야 할 수도 있습니다. 이를 수행하는 한 가지 방법은 사용자에게 인앱 공지를 보내는 것입니다. 이 블로그 게시물에서는 서버리스 Redis를 사용하여 사용자에게 공지 사항을 보내는 방법을 보여주는 모바일 애플리케이션을 개발할 것입니다. React Native를 사용하여 모바일 애플리케이션을 개발하고 앱에 직접 연결된 서버리스 Redis용 Upstash를 사용합니다. 인앱 공지란 무엇입니까? 인앱 공지사항은 최종 사용자에게 중요한 것을 알리거나, 행동에
Next.js를 사용하면 개발자가 서버 측 렌더링 기능으로 전체 스택 응용 프로그램을 빌드할 수 있습니다. Vercel과 Netlify는 서버리스 기능으로 백엔드 API를 작성하는 데 도움을 줍니다. 따라서 다음 질문은 Next.js 앱에 이상적인 데이터베이스가 무엇인지입니다. 이번 포스트에서는 Next.js 커뮤니티에서 인기 있는 데이터베이스를 리뷰하겠습니다. 서버리스 모델에 어떻게 맞는지 설명하겠습니다. 확인해야 할 두 가지 사항: 서버리스 가격 책정:가격은 종량제입니까? 데이터베이스를 사용하지 않을 때도 비용을 지불해야 하나
사용자 피드백은 제품 결정을 안내하는 데 중요합니다. 사용자로부터 피드백을 받는 데 도움이 되는 위젯을 만들었습니다. Next.js API를 백엔드로 호출하는 React 컴포넌트입니다. 백엔드 API는 단순히 피드백 데이터를 Upstash Redis 데이터베이스로 보냅니다. 또한 Upstash 콘솔 통합 페이지에서 제출된 데이터를 보고 관리할 수 있습니다. Next.js 페이지에 구성 요소를 추가하면 오른쪽 하단에 아이콘이 표시됩니다. 클릭하면 피드백 양식이 표시됩니다. 작동 방식을 보려면 데모를 확인하세요. 코드를 확인하려면
Cloudflare 작업자를 사용하는 경우 Upstash Global Redis 및 작업자 KV가 데이터를 유지하는 가장 좋은 옵션일 것입니다. 이 게시물에서는 Cloudflare 작업자 기능을 위한 데이터 저장소로 간단히 비교할 것입니다. 기능 세트 작업자 KV에는 만료가 있는 키 값 저장소 API가 있습니다. put(key, value, {expiration: secondsSinceEpoch}) get(key) delete(key) list({prefix?: string, limit?: number, cursor?: strin
어제 Netlify는 Netlify Graph라는 새로운 기능을 발표했습니다. 제 동료가 최근 사진에서 유사한 누락 부분을 강조 표시했으며 Netlify는 솔루션을 향한 좋은 발걸음을 내디뎠습니다. 기본적으로 Netlify Graph는 개발자가 웹 앱에 대한 GraphQL API 호출을 빌드하는 데 도움이 됩니다. Netlify 대시보드에서 GraphQL 요청을 준비한 후 한 번의 클릭으로 프로젝트에 클라이언트 코드를 삽입할 수 있습니다. Netlify Functions를 타사 서비스와 함께 사용하면 단점이 있습니다. 클라이언트
이 포스트에서는 Remix와 Serverless Redis(Upstash)를 사용하여 간단한 TODO 앱을 작성합니다. Remix는 사용자 인터페이스에 집중하고 웹 기초를 통해 다시 작업하여 빠르고 매끄럽고 탄력적인 사용자 경험을 제공할 수 있는 풀 스택 웹 프레임워크입니다. 리믹스 프로젝트 만들기 아래 명령을 실행하십시오: npx create-remix@latest 프로젝트가 준비되었습니다. 이제 종속성을 설치하고 실행해 보겠습니다. npm install npm run dev 사용자 인터페이스 간단한 양식과
이 게시물에서는 SvelteKitand Serverless Redis(Upstash)를 사용하여 간단한 TODO를 작성합니다. SvelteKit은 아름다운 개발 경험과 유연한 파일 시스템 기반 라우팅을 통해 모든 규모의 웹 애플리케이션을 구축하기 위한 프레임워크입니다. 프로젝트 생성 아래 명령을 실행하십시오: npm init svelte@next todo-app-with-redis 프로젝트가 준비되었습니다. 이제 종속성을 설치하고 실행해 보겠습니다. npm install npm run dev 사용자 인터페이스
오늘 우리는 @upstash/redis를 발표합니다. v1.0.0. @upstash/redis 서버리스용으로 설계되었으며 Cloudflare 작업자와 빠르게 호환되는 유일한 연결 없는(HTTP 기반) Redis 클라이언트입니다. v1.0.0의 새로운 기능은 무엇입니까? 버전 1.0.0은 이전 라이브러리를 완전히 재작성한 것입니다. 우리가 받은 가장 큰 기능 요청 중 하나는 파이프라인 지원과 향상된 유형 안전성이었습니다. 이러한 새로운 기능의 특성으로 인해 v1 이전 버전과 호환되지 않지만 기본 REST API가 변경되지 않았기
웹 사이트나 웹 앱을 개발할 때 속도 최적화에만 시간을 할애하는 사람은 없습니다. 문제는 빠른 웹사이트가 엄청나게 중요하고 성능이 종종 성공의 결정적인 요인이라는 것입니다. Remix Run과 같은 웹 프레임워크는 구성을 최소(제로 구성)로 유지하면서 웹 성능을 최적화한다는 목표로 만들어졌습니다. 요즘에는 빠른 속도를 달성하는 데 도움이 되는 수십 가지 프레임워크를 사용할 수 있습니다. 유감스럽게도 최고의 웹사이트 로드 시간은 앱의 데이터베이스도 번개처럼 빠르지 않는 한 거의 쓸모가 없습니다. 오늘은 우수한 웹사이트 로딩 속도를
Render는 무엇보다도 즉각적인 배포 및 자동 확장을 제공하는 강력한 인프라 플랫폼입니다. 오늘 우리는 Upstash로 간단한 Next.js 애플리케이션을 만든 다음 Render에 배포할 것입니다. 참고:이 튜토리얼에서는 이미 Upstash에 Redis 인스턴스를 설정했다고 가정합니다. 아직 수행하지 않은 경우 Upstash 콘솔을 사용하여 수행할 수 있습니다. 시작하기 먼저 새로운 Next.js 앱과 cd를 생성해 보겠습니다. 그 안에. npx create-next-app upstash-render && cd
때로는 연례 행사에 대한 알림을 만들어 특별한 날짜를 잊지 않고 놓치는 일이 없도록 하는 것이 가장 좋습니다. 귀하와 귀하의 팀/친구가 Slack을 사용하는 경우 slackbot을 통해 이러한 알림을 자동화하는 것이 좋습니다. 그렇게 하는 동안 슬랙봇을 유지 관리가 적게 하고 싶다면; 소스와의 동시 상호 작용을 위해 서버리스 기술을 사용하는 것이 가장 좋습니다. 또한 수평 확장도 가능합니다. 우리가 만들고 있는 것 이벤트 알림 Slackbot을 구축 중입니다. 호스팅을 위해 Python, AWS Chalice, AWS Lamb
Blitz.js는 원래 Next.js에서 분기된 React 프레임워크입니다. 오늘 우리는 Upstash에 작업을 저장하는 Blitz.js To-Do 애플리케이션을 만들 것입니다. 더 이상 고민하지 않고 시작하겠습니다! 설정 시작하려면 컴퓨터에 Blitz.js를 설치해야 합니다. NPM: npm install -g blitz --legacy-peer-deps 원사: yarn global add blitz 새 Blitz.js 앱을 만들려면 blitz new를 사용하세요. 디렉토리로 이동합니다. blitz new blitzjs
작년 초기 릴리스 이후 Upstash는 Redis® API 버전 5까지 호환되었습니다. Redis 제품에는 GETDEL과 같은 명령이 없었습니다. , LMOVE , COPY Redis 6(및 6.2)에 도입된 ACL과 같은 기능. 이제 Upstash Redis 데이터베이스가 최대 버전 6.2의 Redis 명령과 호환됨을 발표하게 되어 기쁩니다. ACL 기능 새 릴리스에서 Upstash는 항상 영구적인 ACL 구현을 제공합니다.모든 ACL Redis 6.2에서 사용 가능한 하위 명령은 Upstash에서 지원됩니다. ACL LOAD
프로젝트를 적시에 제공한다는 것은 일반적으로 가능한 한 많은 기존 기술을 활용해야 함을 의미합니다. 사용자 지정 구현으로 이어지는 모든 결정은 자체 솔루션도 유지 관리해야 한다는 점을 고려해야 합니다. 이것이 Strapi와 같은 오픈 소스 도구가 다음 프로젝트를 위한 REST API를 구축하는 방법인 이유입니다. Strapi는 최첨단 헤드리스 CMS입니다. 이를 통해 그래픽 인터페이스로 스키마를 정의할 수 있으므로 비기술자도 데이터를 모델링할 수 있습니다. 개발 팀은 백엔드 구현에 대한 걱정 없이 웹 및 모바일 앱을 구축하고 새로
Fly.io는 애플리케이션을 전 세계적으로 배포할 수 있는 훌륭한 플랫폼입니다. 애플리케이션이 글로벌이면 데이터도 글로벌해야 합니다. 일반 Redis를 Fly.io 앱으로 실행할 수 있지만 문제는 단일 지역에 있다는 것입니다. 반면에 Upstash RedisGlobal Database는 전 세계적으로 복제되는 Fly.io에 완벽하게 맞습니다. 또한 REST 기반 SDK 덕분에 Stateless 런타임에서 연결 문제가 없습니다. 이 기사에서는 Upstash Redis에 액세스하여 Fly.io 플랫폼에 배포하는 기본 Node.js 애