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 인식되는 것 같습니다.
Reference
이 문제에 관하여(React + PWA를 가장 빠르게 시도했습니다.), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://qiita.com/wktq/items/f9aa3496b57700db71eb
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
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 인식되는 것 같습니다.
Reference
이 문제에 관하여(React + PWA를 가장 빠르게 시도했습니다.), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://qiita.com/wktq/items/f9aa3496b57700db71eb
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
OGP는 SEO 인식되는 것 같습니다.
Reference
이 문제에 관하여(React + PWA를 가장 빠르게 시도했습니다.), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://qiita.com/wktq/items/f9aa3496b57700db71eb텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)