vite-react-seo-demo icon indicating copy to clipboard operation
vite-react-seo-demo copied to clipboard

Simple SEO implement with React + React-Snap

trafficstars

Welcome to vite-react-seo-demo 👋

Version License: MIT Twitter: jellydn

Simple React SEO Demo

Implement SEO with React

🏠 Homepage

Demo

Install

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

yarn dev

Deploy and testing with Facebook Sharing Debugger

Deploy to vercel

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

Author

👤 Dung Huynh ([email protected])

Show your support

Give a ⭐️ if this project helped you!


This README was generated with ❤️ by readme-md-generator