DEV Community: Heitor Ramon Ribeiro

Welcome to the new Vue Storefront Developer Portal

Heitor Ramon Ribeiro — Mon, 05 Sep 2022 02:13:22 +0000

Have you ever wondered why educational material and documentation cannot have a nice DX?

Why can't companies create a concise experience throughout their material and make it easy to understand what is needed to start developing or simple tutorials to help your daily tasks?

I also feel the same, and dang; this sucks 😟 - Heitor Ramon

That's why we, the community team at Vue Storefront, decided to create a developer portal to combine all the information you need to start developing with Vue Storefront and help you with those pesky questions, which sometimes require a lot of research and Googling.
We’d like to introduce the new Vue Storefront Developer portal, https://developer.vuestorefront.io.

Our portal concept is a unique place for all the Vue Storefront developers to find answers, acquire new knowledge, get the latest news related to the Vue Storefront community and develop even faster with Vue Storefront.

Do you like open-source projects? So do we. We made the portal open-source and chose the best future-proof tech stack for a Vue ecosystem project. Using Nuxt 3, nuxt-content, and more.

As an open-source project, you are more than welcome to participate in the decisions regarding the roadmap, features, enhancements, translation, and much more. We want to create a friendly and welcoming place for our community members.

Right now, our portal has a documentation hub , an easy link to our community, and a video section. All to help our developers find the information they need, quickly.There is more to come, full cross documentation search, certifications and badges, an integrated community area, user area, events area, a single stop for all the docs (yes, all the docs will be available in the portal), and much more.

As an open-source project, we are happy to have your participation in the decisions and coding of the portal. The portal being open-source is a way for our community to empower it and choose what is best for it.

There will be an open roadmap with the features planned by the community team, but we are always available for new features, enhancements, fixes, and more. Check the code of the portal at https://github.com/vuestorefront/developer.vuestorefront.io.

Come visit our portal, and let's share this amazing news with all of your developer friends and community.

Extra: Android, Flutter & AWS

Heitor Ramon Ribeiro — Wed, 09 Mar 2022 16:33:16 +0000

Android

Instal JDK

Visit Oracle JDK Download and download the latest JDK

Install Gradle

brew install gradle

Flutter

Install

brew install flutter
brew install cocoapods

Check for errors with Flutter doctor

flutter doctor

Aws

Install

brew install awscli aws-keychain aws-elasticbeanstalk

Node, NPM, Yarn & NVM

Heitor Ramon Ribeiro — Wed, 09 Mar 2022 16:32:08 +0000

Now it's time to start configuring our development environment. A good node.js is crucial as a primarily JavaScript developer, and it is vital to make sure it's working well.

NVM

There is no better way to manage node than using NVM

# NVM
curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/master/install.sh | bash

Updating NVM

To update NVM to a newer version, you can use this command without losing your globals. Remember to change <version> to the version you want installed.

nvm install <version> --reinstall-packages-from=$(nvm current)
nvm use <version>
nvm alias default <version>

Yarn

I prefer to use Yarn as the package manager, but this is a personal selection.

# Yarn
curl -o- -L https://yarnpkg.com/install.sh | bash

NPMJS.com

Set the defaults value for your NPM user

npm set init.author.name "your name"
npm set init.author.email "you@example.com"
npm set init.author.url "example.com"

Then login into NPM with

npm adduser

ZSH, Fonts and a Beautiful Terminal

Heitor Ramon Ribeiro — Wed, 09 Mar 2022 16:26:09 +0000

Let's focus on our primary source of information in the development world—the terminal.

I know most of you may want to use newer applications to handle terminal operations like iTerm2 or others. Still, personally, the built-in terminal application can take a lot and can be a potent application.

Fonts

The first step is to install the basic fonts needed in our terminal.

# Nerd Fonts
brew tap homebrew/cask-fonts
brew install font-hack-nerd-font

Copy Fonts

If you cloned or forked the repository you can execute the following command

cp -r "$(pwd)/fonts/"* ~/Library/Fonts

ZSH

The oh my Zsh project is a good terminal add-on to be added in our development environment.

Install

# Oh My ZSH
sh -c "$(curl -fsSL https://raw.githubusercontent.com/robbyrussell/oh-my-zsh/master/tools/install.sh)"

Set the configuration file

If you cloned or forked the repository you can execute the following command

ln -s $(pwd)/zsh/zshrc ~/.zshrc

Plugins

Here are some plugins that can be used alognside with Oh My Zsh, and make your experience much better.

If you cloned or forked the repository and used the configuration file, those plugins are required.

zsh-autosuggestions

git clone https://github.com/zsh-users/zsh-autosuggestions ~/.oh-my-zsh/custom/plugins/zsh-autosuggestions

zsh-syntax-highlighting

git clone https://github.com/zsh-users/zsh-syntax-highlighting.git ~/.oh-my-zsh/custom/plugins/zsh-syntax-highlighting

zsh-async

git clone https://github.com/mafredri/zsh-async ~/.oh-my-zsh/plugins/async

zsh-nvm

git clone https://github.com/lukechilds/zsh-nvm ~/.oh-my-zsh/custom/plugins/zsh-nvm

powerlevel10k

git clone --depth=1 https://github.com/romkatv/powerlevel10k.git $ZSH_CUSTOM/themes/powerlevel10k

If you cloned or forked the repository you can execute the following command

ln -s $(pwd)/zsh/p10k ~/.p10k.zsh

These steps are available only for those who cloned or forked the repository

Terminal

To add some new configurations and special tools to the terminal, you can execute the following command to import those.

Set the configuration file

ln -s $(pwd)/bash/bash_alias ~/.bash_alias
ln -s $(pwd)/bash/bash_profile ~/.bash_profile
ln -s $(pwd)/bash/bashrc ~/.bashrc
ln -s $(pwd)/bash/profile ~/.profile
ln -s $(pwd)/bash/profile ~/.android
ln -s $(pwd)/bash/profile ~/.flutter
ln -s $(pwd)/bash/profile ~/.nvm-load

Attention, because inside the files .android, .flutter, .nvm-load there are specific configurations, with version based, please edit the file with the appropriate version before loading those.

Theme

You can change the Mac Terminal application appearance with some quick steps.

Terminal > Settings Tab
Click "Gear" icon
Click Import...
Select the materialshell-dark.terminal file
Click Default

Configuring the GIT client & SSH

Heitor Ramon Ribeiro — Wed, 09 Mar 2022 16:10:18 +0000

It's time to configure our git client. This process is easy and doesn't take a lot of steps.

Git LFS & Flow

Install

brew install git-lfs git-flow

Configuring the client

Set the configuration file

If you forked or downloaded the repository, please use this command to copy the configuration file with a lot of pre added alias and other stuff.

ln -s $(pwd)/git/gitconfig ~/.gitconfig

After executing this commands, configure your Git user settings

git config --global user.name "Your Name"
git config --global email "you@your-domain.com"

Improving Git Log

You can add more colors to your git log output by executing this command.

git config --global alias.lg "log --color --graph --pretty=format:'%Cred%h%Creset -%C(yellow)%d%Creset %s %Cgreen(%cr) %C(bold blue)<%an>%Creset' --abbrev-commit"

SSH

If you forked or downloaded the repository, please use this command to copy the configuration file.

ln -s $(pwd)/ssh/config ~/.ssh/config

Applications - GUI and DevTools

Heitor Ramon Ribeiro — Wed, 09 Mar 2022 16:05:47 +0000

With your machine in the starting state, we can start downloading the initial GUI and DevTools applications after the basic configuration.

Here we will separate into three categories, AppStore, GUI Applications, and DevTools.

AppStore

First you need to setup your apple account to be able to use the AppStore, then you will need to download some applications.

1Password
Magnet (There is an alternative rectangle)
Xcode

After installing the Xcode, you need to open it for the first time accept some licenses to use it fully.

Install xCode Terminal Tools

xcode-select --install

Accept xCode License

sudo xcodebuild -license accept

Applications (GUI & DevTools)

First we need to disable Gatekeeper in order to use non-Apple signed applications.

sudo spctl --master-disable

Homebrew

/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"

Now we need to update everything in Homebrew, after the first installation.

brew update

Homebrew Installation

Here the list is divided into categories so you can know what kind of application you are installing.

Browsers

brew install --cask \
  firefox \
  google-chrome  \
  brave-browser \
  tor \

Multimedia

brew install --cask \
  calibre \
  spotify \
  handbreak \
  vlc \
  imagemagick

DevTools

brew install --cask \
  github \
  sourcetree \
  visual-studio-code \
  docker \
  sequel-pro \
  postman \
  insomnia \

Chat & IM

brew install --cask \
  skype \
  telegram \
  whatsapp \
  slack \
  discord \

Utilities

brew install --cask \
  hyperswitch \
  rectangle \
  keka \
  kekaexternalhelper \
  caffeine \
  maccy \

For the applications that don't have an install cask present in Homebrew

curl -s 'https://api.macapps.link/pt/firefoxdev-dropbox-filezilla-istatmenus' | sh

For the touchbar MacBook only

MTMR

brew install mtmr

After installation, copy the content from the file /mtmr/profile.json, click in the MTMR icon in the menu bar, and click in Preferences, there paste the content, save and restart the application.

Extra

Lazy Docker

brew install jesseduffield/lazydocker/lazydocker

The initial setup on a fresh OS

Heitor Ramon Ribeiro — Wed, 09 Mar 2022 15:41:48 +0000

After finishing your MacOS initial setup, you will face that default screen with many default Apple apps on the docker, and nothing configured.

Now let's configure the MacOS with the basic settings.

Settings

These are configurations done in the MacOs settings.

Dock & Menu Bar

Remove most applications from Dock
Automatic Hide
Medium Dock
Gennie Effect (Gives me that nostalgic feeling)
"Double-click a window's title bar to" zoom
Minimize windows into application icon
Animate opening applications
"Show recent applications in Dock" off
"Show indicators for open applications" on
"Automatically hide and show the menu bar on desktop" off
"Automatically hide and show the menu bar in full screen" on

Display

Nightshift

Security

Touch ID
FileVault Enabled

Siri

Disable

Keyboard

Text
- Disable "Add full stop with double-space"
- Disable "Use smart quotes and dashes"
- Use " for double quotes
- use ' for single quotes

Mission Control

Hot Corners: disable all

Finder

Create a Developer folder inside your home folder ~ (It adds a custom icon to the folder)
Sidebar:
- activate all Favorites
- move Library to Favorites
- Add Drive and Dropbox to Favorites
- Add Developer folder to Favorites
Hide all Tags
Show all Filename Extensions
Remove Items from Bin after 30 Days

Terminal Settings

(Affects Finder and other Applications)

Show Hidden Files

defaults write com.apple.finder AppleShowAllFiles YES; killall Finder;

Clear .DS_Store files

sudo find / -name .DS_Store -delete; killall Finder

Take screenshots as jpg (usually smaller size) and not png

defaults write com.apple.screencapture type jpg; killall Finder;

Show Library folder

chflags nohidden ~/Library; killall Finder;

Show path bar

defaults write com.apple.finder ShowPathbar -bool true; killall Finder;

Show status bar

defaults write com.apple.finder ShowStatusBar -bool true; killall Finder;

MacOS Environment Setup Guide - Developer Edition

Heitor Ramon Ribeiro — Wed, 09 Mar 2022 15:30:27 +0000

I've been using MacOS for development since 2008. One thing that I miss the most between MacOS and Linux is the possibility of creating your script to copy your desktop environment setup between machines easily.

Some time ago, I decided to create a GitHub repository with my Environment setup, where I can have everything ready with a simple `git clone and some installation steps.

I want to share with you guys some of my personal preferences tuned after a lot of time dedicated inside an Apple machine.

I will separate this guide into different sections, so it's easier to follow, and you can choose what kind of personalization you want to achieve in your machine.

Also, feel free to fork my environment solution at bloodf/mac.environment

Vue Storefront – Odoo backend connector

Heitor Ramon Ribeiro — Mon, 07 Mar 2022 13:42:58 +0000

Fully integrated open source ERP as a backend for Vue Storefront

Vue Storefront is the world's fastest-growing open-source headless eCommerce frontend, and Odoo the leading Open Source ERP integration is now ready, and on production mode.

Creating a new integration is a huge effort and requires a lot of dedication and focus. Packing those small details and intricacies of the vendor, also developing some special modules to make the communication happen. That’s the job that needs to be done well!

Our partners at OdooGAP made this fantastic integration, and we can explain a little bit more about Odoo and its eCommerce module, how the integration works, and what is necessary to start your own headless Odoo eCommerce.

But first…

Do you know Odoo?

Odoo is the leading Open Source ERP, growing at a staggering rate of 70% in 2021 reaching out to 7 million users with 4200 partners across the world. Odoo takes a new direction across the traditional ERP with a modern web interface and native mobile apps for Android and iOS.

Developed with a modular system, the user can add to their ERP different modules, such as Sales, Purchase, Accounting, Project Management, Sales Subscription, Fields Services, Social Media Marketing, Marketing Automation, Point of Sale among many others.

Why do you need Vue Storefront if Odoo has an eCommerce module?

Odoo provides an eCommerce module that can help you deliver a fast webshop, with a set of tools to help you in the process. But this module is monolithic and very tight to the Odoo platform, making any changes very difficult and complex for the long term. Here where the headless eCommerce gets very interesting.

Vue Storefront will enhance the scalability, decoupling, and specialization, of your project, also adding an amazing performance to your webshop.

With the headless approach, you will have the freedom to work decoupled from your backend, and create a separated team where they can run freely in different ways, but with the same goal to release an excellent store in the end.

What features does this Odoo integration have out of the box?

We can start by saying that this is not only integration but a completely new storefront for Odoo. Where features from the Odoo community and enterprises work out of the box.

You will be able to have a complete webshop experience with the product listing, product details, filterings, variants, wishlists, shopping cart, invoices, payment acquirer, and user management.

Other features, like analytics, special implementations, and enhancements also can be made, as this integration is totally Open Source and the community can participate in the development of it.

Also, Vue Storefront being a framework based on Nuxt, has an enormous amount of ready-to-use modules to enhance and cover some "missing" features.

I have some technical questions about the integration…

How does Vuestorefront connect to Odoo?

The Vue Storefront Odoo integration uses the Odoo GraphQL API to fetch the information needed to feed the store.

We are also using the Odoo Redis cache to make the response from API faster, with an auto invalidation process already coded within the integration, so you don't need to worry about it when changing any information in Odoo backends like product or categories.

What Odoo editions and versions are supported?

The Odoo Community and Enterprise versions are supported, and we will soon have all the versions from 10.0 to 15.0 being supported also.

Does it support multiple languages (i18n - internationalization)?

We are using nuxt-i18n on the Vue Storefront to manage the internationalization, and together with Odoo to provide some translated content from the backend.

Do I need to delete my existing Odoo store?

No, in fact, the Odoo eCommerce module is required to use with Vue Storefront integration. We will use the same data structure that you have for products, attributes, categories, orders, and payment acquirers. After you finish your new headless eCommerce, you just need to unpublish the old Odoo website and switch to the new Vue Storefront and you are ready.

How to get started

The easiest way to start is using the initial store template https://github.com/vuestorefront-community/template-odoo.git, clone it and run the commands “yarn && yarn build”. This will get you started but pointing to our Odoo demo server.

Then If you want to use your own Odoo server just do the following:

Clone the Odoo modules on your addons path (this is for Odoo 14.0 but we have other versions):

git clone --recurse-submodules --branch 14.0 https://github.com/odoogap/vuestorefront

Update your module list on the UI or on the command line so that Odoo finds new modules:

odoo-bin --no-http --max-cron-threads 0 --stop-after-init -u all

Install python dependencies

python3 -m pip install -r requirements.txt

Install Odoo Vuestorefront module:

odoo-bin --no-http --max-cron-threads 0 --stop-after-init -i graphql_vuestorefront

Clone our demo on your laptop:

git clone https://github.com/vuestorefront-community/template-odoo.git vsf-new
cd vsf-new
# your should install a local redis server first
export NODE_ENV=development
export BASE_URL=https//:your.odoo.server/
export REDIS_HOST=127.0.0.1
export REDIS_PORT=6379
yarn
yarn build
yarn start

This will start a development server at http://127.0.0.1:3000

Bring Vue Storefront to your Odoo and scale without limits!

Now as you know the integration, the next step is to get things done! Vist Vue Storefront on GitHub and start the limitless journey! Always with the help of our community!

We are back! Hackathon - New prizes, Dates & Donations for Ukraine

Heitor Ramon Ribeiro — Tue, 01 Mar 2022 13:41:46 +0000

“Peace is always beautiful.” - Walt Whitman.

Love, peace, and smiles are the best ways to create a world where everybody can live in peace and harmony.

We are living in the calmest era in human history. Some of us are not even aware of the actual damage and hardships ongoing war is causing in society. Because of this, we started our event with two great quotes from two geniuses of music and life, Bob Marley and Jimmy Hendrix. We added an extra topic dedicated to helping those suffering in the war in Ukraine.

With this addition, we want to create an opportunity so you can help others with one of the most priceless assets out there, your knowledge.

Extra prize pool

In the launch event, we announced a new extra event topic for the #TechForUkraine. This topic is 100% dedicated to helping those in need in these challenging times in Ukraine / Europe.

There is a new USD$500 prize dedicated to this matter, making our total prize pool of USD$2000.

Event extended

Also, in our launch event, we announced that we added another week to the event, making it officially from February 28th to March 14th.

Donations

Vue Storefront will donate 150% of the total prize pool to support Ukraine. As a Polish company, we do our civil part by helping on-site and providing support to our Ukrainian brothers and sisters by all means.

How can you support Ukrainian civil society?

All help is needed. If you are not able to help locally, you can also:

Support the Ukraine Armed forces directly by sending funding to the special accounts.
- NBU Special Account to Raise Funds for Ukraine's Armed Forces
Help the ICRC (Red Cross) with donations.
- Ukrainian Red Cross Society
Donate to the United Help Ukraine.
- United Help Ukraine
Donate to Voices of Children.
- Voices of Children

If you are not yet registered for our hackathon, joining is straightforward. You need to chat with our event bot 🤖 on Discord and complete your registration within the Discord 😊 pretty simple, hum?

Register here in our Discord

https://discord.gg/J4XqMVhT

Steps to register:

Join in our Discord (https://discord.gg/J4XqMVhT)
Go to #📝｜register channel
Use the command /user profile create to register (The Discord will ask for your Name, Email, GitHub)
Use the command /team create to create your team
To create a team use the command /team addmember

And check the original blog post announcer of our hackathon for more information on the event. (https://dev.to/vue-storefront/brace-yourselves-vue-storefront-hackathon-journey-has-started-3c72)

Brace yourselves - Vue Storefront Hackathon Journey has started!

Heitor Ramon Ribeiro — Mon, 21 Feb 2022 13:02:49 +0000

You won't believe what is about to start right now. Our hackathons are back! Better, greater, and global! Yes, global, we will begin with online events so that everyone can participate.

There must be food, drinks, good internet, and companionship in a good hackathon. Going complete online means that some of these perks are impossible, but companionship will always be present. We are devoting ourselves one week of the total force to help you guys engage in the best way and provide you with all the tools needed. All is to develop amazing projects and help the community grow.

So let's talk about the event itself...

When will the hackathon take place?

The hackathon will occur between the 28th of February and the 14th of March, 2022, starting and ending at 00:00UTC.

Why did we choose to start and close at midnight?

Because we want to be fair to everyone around the world, we chose the most neutral time zone so that everyone can prepare.

What about the prizes for this VSF hackathon?

Of course, we have a pool full of prizes developed for this event, and this is something truly remarkable.

We are giving a total of $1,500 in prizes and Vue Storefront SWAGs.

Is this hackathon dedicated only for groups, or can I join solo?

We understand that not everybody wants to create a group to participate in the hackathons. Proposing a group, especially an online event, is even more complicated. For this hackathon, we have made the organization flexible enough that you can join solo or with a team of up to 4 people.

How can I signup for the Vue Storefront Community Hackathon?

We wanted to make participation easy and avoid any barrier to registration. To join, you need to chat with our event bot 🤖 on Discord and complete your registration within the Discord 😊 pretty simple, hum?

Register here in our Discord - https://discord.gg/J4XqMVhT

Steps to register:
1 - Join in our Discord (https://discord.gg/J4XqMVhT)
2 - Go to #📝｜register channel
3 - Use the command /user profile create to register (The Discord will ask for your Name, Email, GitHub)
4 - Use the command /team create to create your team
5 - To create a team use the command /team addmember

I want to be in a group, but I registered solo. How do I switch?

The event registration will be up until the 7th of march, 23:59UTC. We will have special Discord channels dedicated for the LFG (Looking For a Group) people. You can organize your group safely and soundly before the hackathon. There's no need to rush. Register once you are sure you will attend solo or with a group.

Will there be mentors and people to help us in the development?

Absolutely! We know that online events require extra focus and organization. As always, we want this hackathon to not only meet expectations but to provide the utmost professional assistance. We will have people from our team available on Discord to help you, clear all your doubts, and support you in this process, no worries!

OK Vue Storefront, how can I...

We know there are many questions. We have already answered a lot of them in our Hackathon Traditions – the book of VSF event rules – you can find it here. We packed it with plenty of useful information and updated it to be even more relevant to this event.

Event Topics

New integrations

You can develop a new integration for Vue Storefront with an eCommerce vendor, CMS, Review platform or any eCommerce related service.

New module

You can develop a new module for the current integrations to add new functionalities like a payment provider, shipment provider, Shopify Application provider, etc.
You can develop a new module for the Vue Storefront ecosystem to enhance the stores or add new functionalities to the stores.

Contribution to Vue Storefront repositories

You can contribute to our main and community repositories by adding new features, enhancements, bugfixes and documentations enhancements;

#TechForUkraine

We know that people are struggling in Ukraine with the current situation. We want you to help with tech. We are accepting projects that helps refugees, people living in Ukraine and cannot leave their country, or ways to help the people.

Register and join us between the 28th of February and the 14th of March!

Always green community! 💚 – Vue Storefront from 2021 to 2022 upwards

Heitor Ramon Ribeiro — Mon, 14 Feb 2022 13:44:13 +0000

We all know the saying "the grass is always greener on the other side," but we believe it doesn't relate to the Vue Storefront community. What do we mean by that?

Plants need love and attention. In exchange for that, they will produce oxygen you breathe or the food you eat. Being in nature by itself has a very positive impact on your mental health and creativity.

We believe that we can say a similar thing about our community. We offer our software, resources, and knowledge. In exchange, we receive your engagement, contribution, ideas, and positivity (unfortunately, no food 😂).

So... did we make our side greener?

2021 retrospective

We strived to do more. Since Q1 of 2021, we were exploring new ways to engage with our community — to engage with you.

Vue Storefront conference

We had our first Vue Storefront conference, where we officially released Vue Storefront 2. With this new version, we wanted to boost creating new eCommerce integrations and modules for CMSs and payment gateways. Our goal was to ensure that Headless eCommerce could reach new extremes in the coming years. Building on top of the Nuxt framework allowed us to leverage the powerful nature of all existing modules and plugins to move forward even faster.

VSF Discord server

At the conference, we also introduced our Discord server as a new primary communication platform with the community. It grew enormously (like 500%+) in the last six months. We were helping you daily — answering questions, supporting with development needs, and creating new connections each day. Thanks to Discord we removed the gap between the community, our core team, and partners.

Vue Storefront GitHub repositories

We made massive changes to our GitHub repositories. We broke the barriers for newcomers to the OpenSource world. We defined repository rules and practices across our (vuestorefront) and community-owned (vuestorefront-community) repositories, making it easier for everyone to contribute.

VSF GitHub organization

At the end of 2021, the community got its own GitHub organization (vuestorefront-community), making it easier for everyone to join the Vue Storefront community projects.

At the same time, we felt that even more could be done and our community could benefit greatly.

Vue Storefront’s community plans for 2022

We have some Big Plans for 2022. Yet, we don't want to spoil the surprise, so we will reveal them little by little. Maybe we will stun you once or twice. 😊

First, our motto for this year is "Closer to the Community!" This year has just begun, and we already have some accomplishments to share.

We started by introducing our first Developer Advocate - Marc Backes, who will bring a new voice, energy, and creativity to our projects.

For the Vue Storefront developers, we announced a Sponsorship program to support the further development of FOSS and create a great ecosystem around Vue Storefront.

Still, this is only the beginning of this year, and much more is on the way!

Ambassador Program 🏅

We will create an entirely new Vue Storefront Ambassador program. We are committed to making headless commerce even more powerful and agile. We believe that the development of Vue Storefront can bring further benefits to the developer and business world.

Developer/Community Portal 📚

We know that documentation is only part of education, sharing knowledge requires larger initiatives. We will create a new developer/community portal. We want to set a full focus on bringing the e-commerce and Vue Storefront knowledge together. This will be a dedicated space for the top developers. The idea is to keep this portal 100% OpenSource so you can participate in its development.

Vue Storefront SWAG 🛍

Who doesn't like a new notebook sticker or an awesome hoodie? We will have our very own SWAG store that will be 100% Open Source with branded unique Vue Storefront products.

BOTs 🤖

We will create new ways to showcase Vue Storefront projects. We want to help recognize our contributors in Discord and other social media. There is no better way than to create unique BOTs to assist us in this process.

New Developer Experiences ✨

We have already taken actions to enhance the Vue Storefront Developer Experience this year. We are talking about new CLIs, integrations experiences, better workflows for integrators and templates.

Events 🗓

Yeah! We will be present at all Vue events this year, and we will host a lot of our own meetups, summits, and conferences. Whether online, on-site, or hybrid, we'll be there, sharing our knowledge and making good friends along the way.

Hackathons 🧑‍💻

Get your brains ready because the Vue Storefront hackathons are about to begin! We have many of those prepared in our calendar and fantastic prize pools! Join us in this incredible journey, and let's make the world green! 💚