designjpp / rava-next-app

Rava Cycle institucional Site, baseado na Rest Api do Woocommerce

Rava Cycle Site Institucional

Site institucional para as marcas do Grupo JPP. Feed de produtos via rest-api provida pelo Woocoomerce.

O site foi desenvolvido em React e precisa do Node para execução.

com base no NextJS, pela necessidade de SSR, Optimização SEO ealimentação em tempo real via Api. Demais dependências listadas a baixo:

• react-lazy-load-image-component
• mobile-detect
• react-inlinesvg
• Styled Components

📦 Install

$ git clone https://github.com/guilouro/simple-nextjs-quick-start.git

$ yarn install

Execução no modo desenvolvedor.

Abra http://localhost:3000 para ver no navegador.

🚧 Env

.env
WORDPRESS_API_URL=

GOOGLE_ANALYTICS=XXX
ALGOLIA_APP_ID=
ALGOLIA_SEARCH_KEY=
ALGOLIA_INDEX_NAME=

# social profile
INSTAGRAM_PROFILE=ravacycle

# Woocommerce Keys
CONSUMER_KEY=
CONSUMER_SECRET=

🔨 How to use

Runs next which starts Next.js in development mode

$ yarn dev

Runs next build which builds the application for production usage

$ yarn build

Runs next start which starts a Next.js production server

$ yarn start

Runs next build and export which exports a files in a out folder to deploy

$ yarn deploy

🚀 Deploy

Deploy it to the cloud with Vercel (Documentation).

Deploy the example using Vercel: