wp decoupled

WP desacoplou ⚡

Este é um Boilerplate de tema React para WordPress, construído com o próximo JS, Webpack, Babel, Node, Express.

Site de demonstração ao vivo.

Demoção ao vivo

Demonstração?

Começando ?

Essas instruções receberão uma cópia do projeto em funcionamento em sua máquina local para fins de desenvolvimento.

Instalando?

1. Clone este repositório em [email protected]:rtCamp/wp-decoupled.git
2. cd wp-decoupled
3. nvm use
4. npm install

Configurar back -end (site do WordPress)?

1. Adicione suporte grafql no WordPress

1. Clone e ative os seguintes plugins, no seu diretório de plug -in do WordPress:

   • WP-GRAPHQL expõe o GraphQL para WordPress
   • WP-GRAPHQL-JWT-Autenticação Este plug-in estende o plug-in WP-GRAPHQL para fornecer autenticação usando JWT.
   • WP-GRAPHIQL fornece IDE Graphiql (Playground) para o WP-Admin
   • WP-GRAPHQL-Woocommerce acrescenta funcionalidade de WooCommerce a um esquema WPGRAPHQL (testado até a v0.7.0 de WP-Graphql-Woocommerce)

2. Você também pode importar produtos de wooCommerce padrão que acompanham o plug-in WooCommerce para desenvolvimento (se você não tiver nenhum produto no seu WordPress Instale) Painel WP> Ferramentas> Produtos WooCommerce (CSV): o arquivo padrão wp-content/plugins/woocommerce/sample-data/sample_products.csv

2. Para autenticação

um. Você pode usar qualquer token secreto de sua escolha, no entanto, seria melhor se você gerar um usando o WordPress Sal Gerator (https://api.wordpress.org/secret-key/1.1/salt/) para gerar um segredo. E basta pegar qualquer um dos token e adicioná-lo no lugar de 'Your-Secret-Token' abaixo:

Defina um segredo em wp-config.php do seu diretório WordPress:

 define( 'GRAPHQL_JWT_AUTH_SECRET_KEY', 'your-secret-token' );

b. Dependendo do seu ambiente específico, você pode precisar pesquisar como ativar esses cabeçalhos, mas no Apache, você pode fazer o seguinte em seu .htaccess :

 SetEnvIf Authorization "(.*)" HTTP_AUTHORIZATION=$1

Configurar o front -end?

• Renomeie .env.example para .env e atualize seus detalhes

 SITE_URL=http://localhost:3000
NEXT_PUBLIC_WOO_SITE_URL=http://yourwocommercesite.com
WOO_CONSUMER_KEY=xxxxx
WOO_SECRET=xxxxx

Comandos

• npm run dev executa o servidor Node no modo de desenvolvimento
• npm run dev:inspect execute o servidor dev com inspetor
• npm run server executa o próximo servidor de produção
• npm run lint roda o linhador
• npm run format executa o formatador
• npm run build cria a próxima construção

Usando PWA no celular

• Abra o site no Chrome no seu celular e clique em Adicionar na tela inicial.
• Ele será baixado e salvo como um aplicativo da Web progressivo no seu celular.
• Uma vez adicionado, procure o aplicativo WP Decoupled no seu celular.
• Este PWA funcionará mesmo quando você estiver offline.

Ramificações de informações?

1. Mestre Main React WooCommerce Theme
2. desenvolver para testes
3. Plato de caldeira WP-Docoupled-Boilerplate para iniciar um novo projeto de tema React com a implementação da PWA (trabalho em andamento)

Autor

• rtcamp

Colaboradores?

• Imran Sayed
• Muhammad Muhsin
• Divyaraj Masani
• Taqui Sayed
• Vipin Kumar Dinkar
• Belal Dif

Licença?

Este projeto está licenciado sob a licença do MIT - consulte o arquivo License.md para obter detalhes

Isso interessa a você?