Next.js Commerce: Get Your Store Up And Running
Tags: javascript, react, typescript, nextjs
Published: 2020-11-30 01:37:19

[Next.js](https://nextjs.org/) is a lightweight framework for React applications. As of March 2020, the framework is used by many large websites, including Netflix, Docker, GitHub, Uber, and Starbucks.

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/12brta85nvqqithemayb.png)

Next.js is the most popular framework for creating React applications that support server-side rendering and generating static websites for React based web applications.

It powers the biggest websites like Airbnb and Twilio, for use cases in e-commerce, travel, news, and marketing. 

#The Next Big Thing in Ecommerce: Next.js Commerce.
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/9rg951vcu75xewh4qwvh.png)
## Next.js Commerce

COVID-19 pandemic reshapes whole world in unprecedented acceleration of e-commerce. The growth in e-commerce due to the pandemic has set a high bar, according to new data from [IBM’s U.S. Retail Index](https://techcrunch.com/2020/08/24/covid-19-pandemic-accelerated-shift-to-e-commerce-by-5-years-new-report-says/#:~:text=report%20says%20%7C%20TechCrunch-,COVID%2D19%20pandemic%20accelerated%20shift%20to%20e%2Dcommerce%20by,5%20years%2C%20new%20report%20says&text=The%20report%20indicates%20that%20department,by%20nearly%2020%25%20in%202020.), the pandemic has accelerated the shift away from physical stores to digital shopping by roughly five years. 

>*“In collaboration with BigCommerce, Next Commerce is the all-in-one starter kit for high-performance ecommerce sites”.*


Next.js Commerce - Vercel partnered with [BigCommerce](https://www.bigcommerce.com/) (open SaaS platform for e-commerce ) to release Next.js Commerce. 
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/7d55wd2rztyh9e1hi3tx.png)

Let's learn how you can leverage BigCommerce utilizing the first open source application for e-commerce from Next.js. It is an open source platform that gives all developers the performance, personalization, customization and modern experiences. 

You can launch your storefront, it's ready for any hosting platform, and integrate easily with any backend. 
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/u4264r1onhm2l2xjqhdj.png)

## Step 1. Clone Git Repository
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/5yi23xlkrvyqa3kvhm02.png)

Integrations let you connect your Vercel Project with third-party services to automate aspects of your workflow. The following ones are required for your project, BigCommerce must be installed:
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/j5d047gxkr2onaeo5pmy.png)

And as simple as that you have your project deployed, via Vercel  (formerly Zeit) as the easiest way to deploy website and host your web projects with zero configuration, automatic SSL, and global CDN. [check here](https://commerce-silk-psi.vercel.app/) 

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/ishbe4qhw71axy8mvbac.png)

To connect with me please check my [Github](https://github.com/ivanadokic), [LinkedIn](https://www.linkedin.com/in/ivana-dokic/) or [Twitter](https://twitter.com/LloydPile). 

Thank you for reading!