React + PWA를 가장 빠르게 시도했습니다.

목적



React로 만든 PWA를 자신의 환경에서 시험해보고 싶었다.
얼마 전 PWA가 화제였지만, 바빠서 당황하지 않았기 때문에, 가능한 한 타력 본원에서 가장 빠르게 시험했다.

흐름



1. 유명한 남자 클론



・스타 수많은
・활발
・React만으로 최소

위를 복제
git clone https://github.com/Atyantik/react-pwa.git

cd react-pwa

npm i

2. 세우다


npm start

왜 모르겠지만 localhost : 3003에 서서 액세스



3. 사용자 정의



다음을 억제하면

· React Router로 라우팅
src의 routes.js에서 경로를 결정합니다.
· OGP 설정도 가능
src/page내에서 각 페이지의 설정을 하고 있다.
이하와 같이 OGP 설정 등은 여기서 할 수 있다.
  seo: {
    title: "Common Title",
    site_name: "My Site Name",
    description: "This is some temporary description, used if no other description is found",
    twitter: {
      site: "@atyantik_tech",
      creator: "@tirthbodawala"
    },
    facebook: {
      admins: [
        "1501220844",
        "765904161",
      ],
    },
    meta: [
      {
        name:"viewport",
        content: "width=device-width, initial-scale=1"
      },
      {
        name:"theme-color",
        content: "#fff"
      },
      {
        charSet: "utf-8",
      },
      {
        httpEquiv: "x-ua-compatible",
        content: "ie=edge",
      }
    ],
  },

요약



Google에서 SEO 인식되는지 여부를 알아보고 싶다.
그리고 이것 iOS판의 Chrome 브라우저 대응하고 있지 않은지 의문.

5/8 18:54 추가



OGP는 SEO 인식되는 것 같습니다.

좋은 웹페이지 즐겨찾기