- Install Deno and clone this repo.
- Create a new blank project in Kontent, then download the template.
- Import the template via Kontent Template Manager using the Project ID and Management API Key found in Project Settings > API Keys.
- After importing, ensure that all content items in the project are Published
- Connect the application to your project by creating a
.env
file and adding your Project ID:
PROJECT_ID=79ef36c6-e9aa-0100-8ead-3ec7363e98d6
- Run the project by entering the following command from the /source directory
deno run --allow-net --allow-write --allow-read --allow-env --config ./tsconfig.json alosaur.ts
- You can now access the site at
localhost:8000
.
This repo illustrates a basic real estate website built on Deno and uses pure REST (via ky) to obtain data from Kontent. All content items are loaded into memory on the first request, and can be filtered using a search bar in the header.
There is also a VR implementation using equirectangular images, three.js, and panolens.js. When viewing a property on the site, you can click on a Tour to open a panoramic 360° image.
The image can be viewed on a computer by dragging the mouse, but also supports viewing on mobile devices supporting stereoscopic images such as Google Cardboard.
Each Tour can also have any number of Infopoints, which are three-dimensional Points of Interest superimposed on the image. They can contain text, images, and links which highlight important parts of the property.