All Projects → tonyfromundefined → keynote-react-ssr

tonyfromundefined / keynote-react-ssr

Licence: other
[AWS Community Day 2020] React.js SSR on AWS Demo

Programming Languages

typescript
32286 projects
javascript
184084 projects - #8 most used programming language
CSS
56736 projects
Dockerfile
14818 projects

Projects that are alternatives of or similar to keynote-react-ssr

sensu-plugins-aws
This plugin provides native AWS instrumentation for monitoring and metrics collection, including: health and metrics for various AWS services, such as EC2, RDS, ELB, and more, as well as handlers for EC2, SES, and SNS.
Stars: ✭ 79 (+46.3%)
Mutual labels:  cloudfront, elasticache
boss-lite
Boss Lite - React Redux Material Admin Template
Stars: ✭ 148 (+174.07%)
Mutual labels:  ssr
react-koa-universal
a boilerplate react graphql apollo css-in-js buzzword koa ssr pwa wasm throwaway app 🚮
Stars: ✭ 12 (-77.78%)
Mutual labels:  ssr
Dive-Into-AWS
Links to the Repos and Sections in our Dive into AWS Course.
Stars: ✭ 27 (-50%)
Mutual labels:  cloudfront
udao
🎒 Youdao translate base Angular 11(angular&ssr)
Stars: ✭ 60 (+11.11%)
Mutual labels:  ssr
Modern-Web-App
React PWA with SSR and Code splitting
Stars: ✭ 45 (-16.67%)
Mutual labels:  ssr
vue-ssr-blog-client
vue ssr的多用户blog前端部分---目前还有部分功能未完成。务必看完下面的提示说明。在线预览
Stars: ✭ 15 (-72.22%)
Mutual labels:  ssr
prax
Experimental rendering library geared towards hybrid SSR+SPA apps. Focus on radical simplicity and performance. Tiny and dependency-free.
Stars: ✭ 18 (-66.67%)
Mutual labels:  ssr
elegant-react-ssr
Server-side rendering with create-react-app, React Router v4, Helmet, Redux, and Thunk boilerplate, without ejecting CRA
Stars: ✭ 16 (-70.37%)
Mutual labels:  ssr
react-redux-typescript-dotnet-core-ssr-hmr
React + Redux + TypeScript + .NET Core + Server-Side Rendering (SSR) + Hot Module Replacement (HMR)
Stars: ✭ 17 (-68.52%)
Mutual labels:  ssr
shadowrocket-ipa
小火箭shadowrocket以及圈quantumult的官方安裝包。下載時間27/03/2020
Stars: ✭ 142 (+162.96%)
Mutual labels:  ssr
spank
Slap the pages out of a SPA
Stars: ✭ 50 (-7.41%)
Mutual labels:  ssr
graduation-web
A PWA for the community of students of CEIT Department at Amirkabir U of Technology (Class of 2018)
Stars: ✭ 25 (-53.7%)
Mutual labels:  ssr
luci-app-vssr
A new SSR SS V2ray Trojan luci app bese luci-app-ssr-plus
Stars: ✭ 22 (-59.26%)
Mutual labels:  ssr
react-ssr-starter
📚 Featuring Webpack 4, React 17-18, SSR, HMR, prefetching, universal lazy-loading, and more
Stars: ✭ 18 (-66.67%)
Mutual labels:  ssr
issr
The easiest way to move your React application to Server-Side Rendering. Handles Side Effects and synchronizes State.
Stars: ✭ 84 (+55.56%)
Mutual labels:  ssr
serverless-aws-static-websites
Deploy your static websites without all the hassle on AWS with CloudFront, S3, ACM and Route53 via Serverless
Stars: ✭ 121 (+124.07%)
Mutual labels:  cloudfront
apollo-local-query
Simpler server rendering with apollo-client 1.x, using a local GraphQL networkInterface
Stars: ✭ 66 (+22.22%)
Mutual labels:  ssr
react-ssr
从零搭建一个react-ssr框架 解决页面js事件 样式同构 服务器客户端路由 数据注水脱水等问题
Stars: ✭ 42 (-22.22%)
Mutual labels:  ssr
django-boilerplate-3.6.1
Django served by Gunicorn running behind Nginx reverse proxy. Deploy to AWS Elastic Beanstalk with Fabric3!
Stars: ✭ 13 (-75.93%)
Mutual labels:  elasticbeanstalk

React.js 개발자를 위한 SSR 앱 개발 및 배포하기 - Demo

in AWS Community Day Seoul 2020 - 발표자료

React.js에 익숙한 개발자를 대상으로 Session을 활용한 Store Hydration, CloudFront를 활용한 성능 최적화 등 SSR 어플리케이션 배포 방법 및 노하우에 대해 데모와 함께 차근차근 소개합니다 - 웹사이트

🖋 Written with 🔥 by Tony

본 Demo를 직접 따라하시려면 다음 요구사항을 미리 준비해주세요.

1. AWS 계정

2. 텍스트 에디터

3. Node.js

4. AWS CLI 및 EB CLI

시작하기

  1. 의존성 설치 및 프로젝트 빌드하기 시작하기
  2. IAM 사용자 만들기
  3. EB CLI를 통해 EB 어플리케이션 만들기
  4. EB CLI를 통해 EB 환경 만들기
  5. ElastiCache(Redis) 만들고 EB와 연결하기
  6. EB에 환경변수 주입하기
  7. CloudFront로 정적 자원 제공 가속화하기
Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].