https://github.com/jellydn/vite-react-seo-demo

Simple SEO implement with React + React-Snap
https://github.com/jellydn/vite-react-seo-demo

react react-helmet react-snap router seo vite

Last synced: about 1 month ago
JSON representation

Simple SEO implement with React + React-Snap

• Host: GitHub
• URL: https://github.com/jellydn/vite-react-seo-demo
• Owner: jellydn
• Created: 2021-03-21T03:36:50.000Z (about 4 years ago)
• Default Branch: main
• Last Pushed: 2025-04-09T10:38:06.000Z (about 1 month ago)
• Last Synced: 2025-04-09T11:33:24.804Z (about 1 month ago)
• Topics: react, react-helmet, react-snap, router, seo, vite
• Language: TypeScript
• Homepage: https://react-seo-demo-dunghd.vercel.app
• Size: 381 KB
• Stars: 26
• Watchers: 1
• Forks: 4
• Open Issues: 10
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Welcome to vite-react-seo-demo 👋

![Version](https://img.shields.io/badge/version-0.0.1-blue.svg?cacheSeconds=2592000)

[![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](#)

[![Twitter: jellydn](https://img.shields.io/twitter/follow/jellydn.svg?style=social)](https://twitter.com/jellydn)

> Simple React SEO Demo

[![Implement SEO with React](https://img.youtube.com/vi/yVw7ryEqiuI/0.jpg)](https://www.youtube.com/watch?v=yVw7ryEqiuI)

### 🏠 [Homepage](https://react-seo-demo-dunghd.vercel.app/)

### ✨ [Demo](https://react-seo-demo-dunghd.vercel.app/)

## Install

```sh

yarn install

```

## Build with

- https://vitejs.dev/ - Next Generation Frontend Tooling

- https://github.com/stereobooster/react-snap - Pre-renders a web app into static HTML. Uses Headless Chrome to crawl all available links starting from the root.

- https://reach.tech/router/ - Reach Router is a small, simple router for React

- https://github.com/nfl/react-helmet - This reusable React component will manage all of your changes to the document head.

- https://github.com/oxalorg/sakura - 🌸 a minimal css framework/theme.

## Usage

```sh

yarn dev

```

## Deploy and testing with Facebook Sharing Debugger

### Deploy to vercel

```sh

yarn build

vercel dist

```

### Debugging with Facebook Sharing Debugger

- Get the deployment link from vercel and test, e.g: https://developers.facebook.com/tools/debug/?q=https%3A%2F%2Freact-seo-demo-dunghd.vercel.app%2F

![screenshot.png](./screenshot.png)

## Author

👤 **Dung Huynh ([email protected])**

- Website: https://productsway.com/

- Twitter: [@jellydn](https://twitter.com/jellydn)

- Github: [@jellydn](https://github.com/jellydn)

## Show your support

Give a ⭐️ if this project helped you!

---

_This README was generated with ❤️ by [readme-md-generator](https://github.com/kefranabg/readme-md-generator)_