wp decoupled

WP desacoplado ⚡

Este es un tema Boilerplate react para WordPress, construido con Next JS, Webpack, Babel, Node, Express.

Sitio de demostración en vivo.

Demostración en vivo

¿Demo?

Empezando ?

Estas instrucciones le darán una copia del proyecto en funcionamiento en su máquina local para fines de desarrollo.

Instalación?

1. Clon este repositorio en [email protected]:rtCamp/wp-decoupled.git
2. cd wp-decoupled
3. nvm use
4. npm install

Configurar el backend (sitio de WordPress)?

1. Agregue soporte GraphQL en WordPress

1. Clon y active los siguientes complementos, en su directorio de complementos de WordPress:

   • WP-Graphql expone GraphQL para WordPress
   • WP-Graphql-JWT-Authentication Este complemento extiende el complemento WP-Graphql para proporcionar autenticación utilizando JWT.
   • WP-Graphiql proporciona IDE Graphiql (Playground) al WP-Admin
   • WP-Graphql-WooCommerce agrega la funcionalidad de WooCommerce a un esquema WPGraphql (probado hasta V0.7.0 de WP-Graphql-WooCommerce)

2. También puede importar productos de WooCommerce predeterminados que vienen con el complemento WooCommerce para el desarrollo (si no tiene ningún producto en su instalación de WordPress) WP Dashboard> Herramientas> Productos de WooCommerce (CSV): el archivo CSV de productos predeterminados de WooCommerce está disponible en wp-content/plugins/woocommerce/sample-data/sample_products.csv

2. Para la autenticación

a. Puede usar cualquier token secreto de su elección, sin embargo, sería mejor si genere uno usando el generador de sal de WordPress (https://api.wordpress.org/secret-key/1.1/salt/) para generar un secreto. Y simplemente recoja cualquiera de los tokens y agréguelo en lugar de 'Tourking' a continuación: a continuación:

Defina un secreto en wp-config.php de su directorio de WordPress:

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

b. Dependiendo de su entorno particular, es posible que deba investigar cómo habilitar estos encabezados, pero en Apache, puede hacer lo siguiente en su .htaccess :

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

Configurar front -end?

• Renombrar .env.example a .env y actualice sus datos

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

Comandos

• npm run dev ejecuta el servidor de nodo en modo de desarrollo
• npm run dev:inspect ejecuta el servidor Dev con el inspector
• npm run server ejecuta el siguiente servidor Produciton
• npm run lint ejecuta el enlace
• npm run format ejecuta el formateador
• npm run build crea la próxima construcción

Usando PWA en Mobile

• Abra el sitio en Chrome en su móvil y luego haga clic en Agregar a la pantalla de inicio.
• Se descargará y guardará como una aplicación web progresiva en su móvil.
• Una vez agregado, busque la aplicación WP Decoupled en su móvil.
• Este PWA funcionará incluso cuando esté fuera de línea.

¿Información de ramas?

1. Tema de Master Main React WooCommerce
2. Desarrollar para pruebas
3. WP-DoCoCoupled-Boilerplate Boilerplate para iniciar un nuevo proyecto de tema React con la implementación de PWA (trabajo en progreso)

Autor

• rtcamp

Colaboradores?

• Imran Sayed
• Muhammad Muhsin
• Divyaraj masani
• Sayed Taqui
• Vipin Kumar Dinkar
• Belal dif

Licencia?

Este proyecto tiene licencia bajo la licencia MIT: consulte el archivo de licencia.md para más detalles

¿Te interesa esto?