forked from M3-Academy/challenge-vtex-io
docs: descricoes basicas de como rodar o projeto
This commit is contained in:
parent
b5c8c26aa1
commit
e68e9c8305
@ -1,65 +1,54 @@
|
|||||||
# Store theme
|
# Desafio M3 Academy - VTEX IO
|
||||||
<!-- ALL-CONTRIBUTORS-BADGE:START - Do not remove or modify this section -->
|
|
||||||
[![All Contributors](https://img.shields.io/badge/all_contributors-1-orange.svg?style=flat-square)](#contributors-)
|
|
||||||
<!-- ALL-CONTRIBUTORS-BADGE:END -->
|
|
||||||
Our boilerplate theme to create stores in the VTEX IO platform.
|
|
||||||
|
|
||||||
## Preview
|
## Configuração do inicial
|
||||||
![store-theme-default](https://user-images.githubusercontent.com/1354492/63937047-e8d81c80-ca37-11e9-86fc-61e88847bbfb.png)
|
|
||||||
|
|
||||||
## Tutorial
|
1. Instale as dependências do projeto
|
||||||
To understand how things work check our tutorial [Build a store using VTEX IO](https://vtex.io/docs/getting-started/build-stores-with-store-framework/1/)
|
|
||||||
|
|
||||||
## Dependencies
|
```bash
|
||||||
All store components that you see on this document are open source too. Production ready, you can found those apps in this GitHub organization.
|
yarn
|
||||||
|
```
|
||||||
|
|
||||||
Store framework is the baseline to create any store using _VTEX IO Web Framework_.
|
2. Faça o login na VTEX na agencia Magma
|
||||||
- [Store](https://github.com/vtex-apps/store/blob/master/README.md)
|
|
||||||
|
|
||||||
Store GraphQL is a middleware to access all VTEX APIs.
|
```bash
|
||||||
- [Store GraphQL](https://github.com/vtex-apps/store-graphql/blob/master/docs/README.md)
|
vtex login agenciamagma
|
||||||
|
```
|
||||||
|
|
||||||
### Store Component Apps
|
3. Crie um workspace de desenvolvimento.
|
||||||
- [Header](https://github.com/vtex-apps/store-header/blob/master/docs/README.md)
|
Recomendamos seguir o padrão: `m3academy<nome>`. so e permitido o uso de letras minusculas e números.
|
||||||
- [Footer](https://github.com/vtex-apps/store-footer/blob/master/docs/README.md)
|
|
||||||
- [Slider Layout](https://github.com/vtex-apps/slider-layout/blob/master/docs/README.md)
|
|
||||||
- [Shelf](https://github.com/vtex-apps/shelf/blob/master/docs/README.md)
|
|
||||||
- [Telemarketing](https://github.com/vtex-apps/telemarketing/blob/master/docs/README.md)
|
|
||||||
- [Menu](https://github.com/vtex-apps/menu/blob/master/docs/README.md)
|
|
||||||
- [Login](https://github.com/vtex-apps/login/blob/master/docs/README.md)
|
|
||||||
- [Minicart](https://github.com/vtex-apps/minicart/blob/master/docs/README.md)
|
|
||||||
- [Category Menu](https://github.com/vtex-apps/category-menu/blob/master/docs/README.md)
|
|
||||||
- [Product Summary](https://github.com/vtex-apps/product-summary/blob/master/docs/README.md)
|
|
||||||
- [Breadcrumb](https://github.com/vtex-apps/breadcrumb/blob/master/docs/README.md)
|
|
||||||
- [Search Result](https://github.com/vtex-apps/search-result/blob/master/docs/README.md)
|
|
||||||
- [Product Details](https://github.com/vtex-apps/product-details/blob/master/docs/README.md)
|
|
||||||
- [Store Components](https://github.com/vtex-apps/store-components/blob/master/docs/README.md)
|
|
||||||
- [Order Placed](https://github.com/vtex-apps/order-placed/blob/master/docs/README.md)
|
|
||||||
|
|
||||||
### Store Pixel Apps
|
```bash
|
||||||
|
vtex use m3academyanabrunasouza
|
||||||
|
```
|
||||||
|
|
||||||
- [Facebook Pixel](https://github.com/vtex-apps/facebook-pixel/blob/master/docs/README.md)
|
## Desenvolvimento
|
||||||
- [Google Tag Manager](https://github.com/vtex-apps/google-tag-manager/blob/master/docs/README.md)
|
|
||||||
|
|
||||||
## Contributing
|
1. Inicie o projeto
|
||||||
|
|
||||||
Check it out [how to contribute](https://github.com/vtex-apps/awesome-io#contributing) with this project.
|
```bash
|
||||||
|
vtex link
|
||||||
|
```
|
||||||
|
|
||||||
## Contributors ✨
|
2. Rode o gulp para compilar os arquivos
|
||||||
|
|
||||||
Thanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):
|
```bash
|
||||||
|
yarn scss
|
||||||
|
```
|
||||||
|
|
||||||
<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->
|
3. Abrar o seu workspace no navegador
|
||||||
<!-- prettier-ignore-start -->
|
|
||||||
<!-- markdownlint-disable -->
|
```bash
|
||||||
<table>
|
vtex browse
|
||||||
<tr>
|
```
|
||||||
<td align="center"><a href="http://www.hugoccosta.com"><img src="https://avatars2.githubusercontent.com/u/20212776?v=4" width="100px;" alt=""/><br /><sub><b>Hugo Costa</b></sub></a><br /><a href="https://github.com/vtex-apps/store-theme/commits?author=hugocostadev" title="Documentation">📖</a></td>
|
|
||||||
</tr>
|
## Problemas frequentes
|
||||||
</table>
|
|
||||||
|
### As vezes pode acontecer de bugar o link do projeto. Para resolver isso, rode o comando abaixo que vai desfazer o link e depois rode o comando de link novamente.
|
||||||
|
|
||||||
|
```bash
|
||||||
|
vtex unlink --all
|
||||||
|
|
||||||
|
vtex link
|
||||||
|
```
|
||||||
|
|
||||||
<!-- markdownlint-enable -->
|
|
||||||
<!-- prettier-ignore-end -->
|
|
||||||
<!-- ALL-CONTRIBUTORS-LIST:END -->
|
|
||||||
|
|
||||||
This project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!
|
|
||||||
|
@ -1,27 +0,0 @@
|
|||||||
{
|
|
||||||
"title": "Contact",
|
|
||||||
"type": "object",
|
|
||||||
"properties": {
|
|
||||||
"title": {
|
|
||||||
"type": "string",
|
|
||||||
"title": "Title"
|
|
||||||
},
|
|
||||||
"name": {
|
|
||||||
"type": "string",
|
|
||||||
"title": "Name"
|
|
||||||
},
|
|
||||||
"email": {
|
|
||||||
"type": "string",
|
|
||||||
"format": "email",
|
|
||||||
"title": "Email address"
|
|
||||||
},
|
|
||||||
"message": {
|
|
||||||
"type": "string",
|
|
||||||
"title": "Message"
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"required": ["email", "message"],
|
|
||||||
"v-security": {
|
|
||||||
"publicJsonSchema": true
|
|
||||||
}
|
|
||||||
}
|
|
14
gulpfile.js
14
gulpfile.js
@ -61,7 +61,8 @@ gulp.task("sass", function (done) {
|
|||||||
filteredFiles.forEach((file) => {
|
filteredFiles.forEach((file) => {
|
||||||
const fileName = file;
|
const fileName = file;
|
||||||
|
|
||||||
gulp.src([
|
gulp
|
||||||
|
.src([
|
||||||
"styles/sass/utils/_mixin.scss",
|
"styles/sass/utils/_mixin.scss",
|
||||||
"styles/sass/utils/_vars.scss",
|
"styles/sass/utils/_vars.scss",
|
||||||
pathsStore.styles.styles + fileName,
|
pathsStore.styles.styles + fileName,
|
||||||
@ -80,11 +81,13 @@ gulp.task("watch", function () {
|
|||||||
fileName = path.basename(fileName);
|
fileName = path.basename(fileName);
|
||||||
|
|
||||||
if (fileName.includes(".css")) {
|
if (fileName.includes(".css")) {
|
||||||
gulp.src(pathsStore.styles.styles + fileName)
|
gulp
|
||||||
|
.src(pathsStore.styles.styles + fileName)
|
||||||
.pipe(concat(fileName))
|
.pipe(concat(fileName))
|
||||||
.pipe(gulp.dest(pathsStore.styles.dest));
|
.pipe(gulp.dest(pathsStore.styles.dest));
|
||||||
} else {
|
} else {
|
||||||
gulp.src([
|
gulp
|
||||||
|
.src([
|
||||||
"styles/sass/utils/_mixin.scss",
|
"styles/sass/utils/_mixin.scss",
|
||||||
"styles/sass/utils/_vars.scss",
|
"styles/sass/utils/_vars.scss",
|
||||||
pathsStore.styles.styles + fileName,
|
pathsStore.styles.styles + fileName,
|
||||||
@ -95,10 +98,7 @@ gulp.task("watch", function () {
|
|||||||
}
|
}
|
||||||
|
|
||||||
console.log(
|
console.log(
|
||||||
getCurrentTimestamp() +
|
getCurrentTimestamp() + " File: \x1b[32m" + fileName + "\x1b[0m builded."
|
||||||
" File: \x1b[32m" +
|
|
||||||
fileName +
|
|
||||||
"\x1b[0m builded."
|
|
||||||
);
|
);
|
||||||
});
|
});
|
||||||
});
|
});
|
||||||
|
@ -1,5 +1,4 @@
|
|||||||
{
|
{
|
||||||
|
|
||||||
"name": "storefront",
|
"name": "storefront",
|
||||||
"shopName": "alliedrecommerce",
|
"shopName": "alliedrecommerce",
|
||||||
"version": "1.0.0",
|
"version": "1.0.0",
|
||||||
@ -12,7 +11,8 @@
|
|||||||
"scripts": {
|
"scripts": {
|
||||||
"test": "echo \"Error: no test specified\" && exit 1",
|
"test": "echo \"Error: no test specified\" && exit 1",
|
||||||
"dev": "concurrently \"vtex unlink --all && vtex link\" \"gulp storefront\"",
|
"dev": "concurrently \"vtex unlink --all && vtex link\" \"gulp storefront\"",
|
||||||
"lint": "eslint ./ --fix"
|
"lint": "eslint ./ --fix",
|
||||||
|
"scss": "gulp storefront"
|
||||||
},
|
},
|
||||||
"repository": {
|
"repository": {
|
||||||
"type": "git",
|
"type": "git",
|
||||||
|
@ -1,9 +0,0 @@
|
|||||||
{
|
|
||||||
"urlset": {
|
|
||||||
"url": [
|
|
||||||
{
|
|
||||||
"loc": "https://storetheme.vtex.com/about-us"
|
|
||||||
}
|
|
||||||
]
|
|
||||||
}
|
|
||||||
}
|
|
@ -2,7 +2,6 @@
|
|||||||
"store.product": {
|
"store.product": {
|
||||||
"children": [
|
"children": [
|
||||||
"html#breadcrumb",
|
"html#breadcrumb",
|
||||||
"image#example",
|
|
||||||
"condition-layout.product#availability",
|
"condition-layout.product#availability",
|
||||||
"flex-layout.row#description",
|
"flex-layout.row#description",
|
||||||
"flex-layout.row#specifications-title",
|
"flex-layout.row#specifications-title",
|
||||||
@ -11,6 +10,14 @@
|
|||||||
"product-questions-and-answers"
|
"product-questions-and-answers"
|
||||||
]
|
]
|
||||||
},
|
},
|
||||||
|
"html#breadcrumb": {
|
||||||
|
"props": {
|
||||||
|
"tag": "section",
|
||||||
|
"testId": "a1",
|
||||||
|
"blockClass": "pdp-breadcrumb"
|
||||||
|
},
|
||||||
|
"children": ["breadcrumb"]
|
||||||
|
},
|
||||||
"flex-layout.row#specifications-title": {
|
"flex-layout.row#specifications-title": {
|
||||||
"children": ["rich-text#specifications"]
|
"children": ["rich-text#specifications"]
|
||||||
},
|
},
|
||||||
@ -19,30 +26,12 @@
|
|||||||
"text": "##### Product Specifications"
|
"text": "##### Product Specifications"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
"image#example": {
|
|
||||||
"props": {
|
|
||||||
"src": "https://storecomponents.vteximg.com.br/arquivos/box.png",
|
|
||||||
"maxHeight": 24
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"rich-text#teste-academy": {
|
|
||||||
"props": {
|
|
||||||
"text": "Teeeeste doooooooo amor"
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"flex-layout.row#product-breadcrumb": {
|
"flex-layout.row#product-breadcrumb": {
|
||||||
"props": {
|
"props": {
|
||||||
"marginTop": 4
|
"marginTop": 4
|
||||||
},
|
},
|
||||||
"children": ["breadcrumb"]
|
"children": ["breadcrumb"]
|
||||||
},
|
},
|
||||||
"html#breadcrumb": {
|
|
||||||
"props": {
|
|
||||||
"tag": "section",
|
|
||||||
"testId": "a1"
|
|
||||||
},
|
|
||||||
"children": ["breadcrumb"]
|
|
||||||
},
|
|
||||||
|
|
||||||
"flex-layout.row#description": {
|
"flex-layout.row#description": {
|
||||||
"props": {
|
"props": {
|
||||||
|
Loading…
Reference in New Issue
Block a user