We have been providing information about Sitecore OrderCloud in the form of tips, but this time we will use past articles to explain what kind of things you can touch now, along with introductions to past articles.
Build the Headstart demo environment
We've covered this several times on the blog, but we've removed the old posts in favor of consolidating all the information into the following 11 posts: OrderCloud's Angular-based site, where you can launch a sample administration screen.
- Part 1 Setting Up the Environment
- Part 2 Preparing Sample Code
- Part 3 Preparing the Azure environment (Part 1)
- Part 4 Starting the Middleware
- Part 5 Preparing Sample Data
- Part 6 Setting up a sample email in Sendgrid
- Part 7 Launching the Buyer and Seller Sites
- Part 8 Preparing the Azure environment (Part 2)
- Part 9 Azure DevOps and GitHub Connectivity
- Part 10 Creating a Release and Verifying Operation
- Part 11 Checking the Environment
By using Headstart, you will get templates for Seller (admin panel) and Buyer (EC site). By customizing these templates, you can build your e-commerce site and get off to a quick start.
Integration with Next.js Commerce
You can build your Buyer site in Next.js by integrating Vercel's Next.js Commerce with OrderCloud. The following blog post introduces how to set up the site.
Incidentally, a new version of Next.js Commerce has been released, and the method of handling the new version will change. We will be able to provide more information on this as it becomes available.
Sample management screen using React
Headstart is developed based on Angular, which is a framework more suited for e-commerce sites, while React is more widely used. For this reason, the code is available on Github in the form of samples.
Here is a blog post that actually puts this in motion
- Running a React version of the HeadStart app - local launch
- Running a React version of the HeadStart app - launching in Vercel
Runs on a variety of platforms
Sitecore OrderCloud is built to run on a variety of platforms, starting with Headstart, which is a sample of Sitecore OrderCloud. For example, the steps to run Headstart on macOS are described in the following page.
NET 6 and node.js, so the above is macOS, but there are also blog posts about running it on Linux such as Ubuntu, However, there are advantages of not using platform-dependent libraries, such as being able to use Docker to set up a development environment.
Topics to be covered
We would like to present the following information, while also covering other products.
- Headstart is just up and empty, so we want to actually add data to it!
- Regarding Sitecore Send integration and other integrations
- Regarding Seed (data import)
- I had briefly covered this before, but I'd like to reiterate it.
- https://github.com/ordercloud-api/ordercloud-seed
- Headstart Next.js
Summary
We could write a daily post on this product alone, but there are many others we would like to introduce; you can refer to the full list of posts about OrderCloud on the OrderCloud page of our blog. Please check back in the future.