Skip to content

Commit

Permalink
completed guide
Browse files Browse the repository at this point in the history
  • Loading branch information
skirianov committed Jun 3, 2024
1 parent 8ac35fb commit fc81d38
Show file tree
Hide file tree
Showing 9 changed files with 663 additions and 97 deletions.
Original file line number Diff line number Diff line change
Expand Up @@ -11,7 +11,7 @@ For the base of our project, we will use the Alokai React Native project created

You can find the Alokai React Native guide project on GitHub.

**React Native Project** - [https://github.com/vuestorefront/alokai-rn-guide](https://github.com/vuestorefront/alokai-rn-guide)
**React Native Project** - [https://github.com/vuestorefront-community/alokai-rn-guide](https://github.com/vuestorefront-community/alokai-rn-guide)

This is a bare minimum setup containing folder for React Native (Expo) application and a placeholdre for the Alokai Middleware. During this guide, we will use the `alokai-rn-guide` project to create a new Alokai project.

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -184,7 +184,7 @@ curl http://localhost:8181/sapcc/searchProduct
This will send a request to the `middleware` application and return a response from SAP Commerce Cloud.

::info
You can find complete implementation in the [`install-middleware` branch](https://github.com/vuestorefront-community/nextjs-starter/tree/install-middleware)
You can find complete implementation in the [`install-middleware` branch](https://github.com/vuestorefront-community/alokai-rn-guide/tree/install-middleware)
::

## Summary
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -56,6 +56,12 @@ We will skip the `cdnCacheBustingId` for now. This is used to invalidate the cac

And that's it!


::info
You can find complete implementation in the [`install-sdk` branch](https://github.com/vuestorefront-community/alokai-rn-guide/tree/install-sdk)
::


## Summary

You have successfully configured the Alokai SDK. Now let's use it in our React Native application.
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -77,7 +77,7 @@ Open the application in the simulator or on a device. You should see the list of
![First Request](./images/alokai-app-3.webp)

::info
You can find complete implementation in the [`first-request` branch](https://github.com/vuestorefront-community/nextjs-starter/tree/first-request)
You can find complete implementation in the [`first-request` branch](https://github.com/vuestorefront-community/alokai-rn-guide/tree/first-request)
::

## Summary
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -289,6 +289,10 @@ The main logic in the above code remains the same. We use Alokai SDK to fetch th

<img src="./images/pdp-2.webp" alt="Product Details Page" style="max-width: 350px;" />

::info
You can find complete implementation in the [`product-page` branch](https://github.com/vuestorefront-community/alokai-rn-guide/tree/product-page)
::


## Summary

Expand Down
Loading

0 comments on commit fc81d38

Please sign in to comment.