Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/crystallizeapi/crystallize-nuxtjs-boilerplate
NuxtJS JAMStack open source eCommerce storefront for Crystallize. To get you a head start with headless eCommerce.
https://github.com/crystallizeapi/crystallize-nuxtjs-boilerplate
ecommerce nuxt vercel vue
Last synced: about 2 hours ago
JSON representation
NuxtJS JAMStack open source eCommerce storefront for Crystallize. To get you a head start with headless eCommerce.
- Host: GitHub
- URL: https://github.com/crystallizeapi/crystallize-nuxtjs-boilerplate
- Owner: CrystallizeAPI
- License: mit
- Created: 2020-09-17T12:20:12.000Z (about 4 years ago)
- Default Branch: main
- Last Pushed: 2022-07-18T09:07:44.000Z (over 2 years ago)
- Last Synced: 2023-03-01T02:22:37.545Z (over 1 year ago)
- Topics: ecommerce, nuxt, vercel, vue
- Language: Vue
- Homepage: https://nuxt.superfast.shop/
- Size: 791 KB
- Stars: 5
- Watchers: 9
- Forks: 4
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Crystallize - NuxtJS Boilerplate
----
This repository is what we call a "subtree split": a read-only copy of one directory of the main repository.
If you want to report or contribute, you should do it on the main repository: https://github.com/CrystallizeAPI/boilerplates
----
[![Crystallize Community Slack][21]][22]
[![Nuxt: latest][2]][3] [![Vue][0]][1]
[![code style: prettier][4]][5]
[![code linter: Eslint][6]][7]
Storefront for the
[headless ecommerce][8] & GraphQL based [product Information Management][9]
service [Crystallize][10]. [Vue commerce with Nuxt.js][11].
This Nuxt.js gives you a head start when building a [VueJS
ecommerce][11] with [frontend performance][12] in focus. You can
have rich ecommerce content with the super structured [PIM][13] engine in
Crystallize powering your product catalogue.
Fast frontend performance delivers a better ecommerce experience and is a key
ingredient in the [ecommerce SEO checklist][14]. [Rich content driven ecommerce
experiences][15] builds the foundation for a [content strategy for exponential
growth marketing][16].
Check it out, the boilerplate is Open Source and MIT licensed.
## Get started with a single click
[](https://vercel.com/import/git?s=https://github.com/CrystallizeAPI/crystallize-nuxtjs-boilerplate&env=CRYSTALLIZE_TENANT_IDENTIFIER&envDescription=Enter%20your%20own%20tenant%20identifier,%20or%20use%20the%20default:%20furniture)
## Getting Started with the CLI
You can use [Crystallize CLI][17] to bootstrap a project with this
`Nuxt.js + Vue` boilerplate.
Simply run the following command (>= Node 8 required):
```sh
npx @crystallize/cli my-project
```
This will walk you through the steps of specifying your tenant, choosing the
template (Nuxt.js + Vue) and adding additional features such as Vercel.
Once your project has been created, you can simply navigate into your project's
directory and run the following to start up your development server:
```sh
npm run dev
# or
yarn dev
```
This will start up the server on http://localhost:3000 for development.
### Deploying with [Vercel][20]
- Register a Vercel account
- Install vercel `yarn global add vercel` or `npm i -g vercel`
- Run `vercel`
[0]: https://img.shields.io/badge/vue-v2-44cc11.svg?style=flat-square
[1]: https://vuejs.org/
[2]: https://img.shields.io/badge/nuxt-latest-44cc11.svg?style=flat-square
[3]: https://nuxtjs.org/
[4]: https://img.shields.io/badge/code_style-prettier-ff69b4.svg?style=flat-square
[5]: https://github.com/prettier/prettier
[6]: https://img.shields.io/badge/code_linter-eslint-463fd4.svg?style=flat-square
[7]: https://github.com/prettier/prettier
[8]: https://crystallize.com/product
[9]: https://crystallize.com/product/product-information-management
[10]: https://crystallize.com
[11]: https://crystallize.com/developers
[12]: https://crystallize.com/blog/frontend-performance-measuring-kpis
[13]: https://crystallize.com/product/product-information-management
[14]: https://crystallize.com/blog/ecommerce-seo-checklist
[15]: https://crystallize.com/blog/content-rich-storytelling-makes-juicy-ecommerce
[16]: https://snowball.digital/blog/content-strategy-for-exponential-growth-marketing
[17]: https://github.com/crystallizeapi/crystallize-cli
[20]: https://vercel.com
[21]: https://img.shields.io/static/v1?label=Slack&logo=slack&message=Crystallize%20Community&color=68d1b7
[22]: https://crystallizecommunity.slack.com