Acti

Overview

This article discusses the idea of creating a hand-sewn website to reference adventures and implement all the JS fatigue in one place. The author mentions using various tiers of libraries, frameworks, and Saas products to make the idea work. The backend of the website is decoupled from the frontend and uses the Supabase SaaS for the database. The article also provides instructions for installation.

Features

• Analytics: Different rendering strategies for speediness, such as CSR on the main list and SSG for singleton pages.
• Filtering: Allows users to filter content based on specific criteria.
• Internationalization: Supports multiple languages through the use of I18next.
• Map service: Integrates Leaflet library for displaying maps.
• Searching: Provides a search functionality to easily find specific content.
• Database: Uses Supabase SaaS, which is built on Postgresql, to store and manage data.
• Openapi specifications: Generates a typescript file corresponding to the database schema.

Installation

1. Make sure you have nodeJS installed on your machine.
2. Fill the .env.example file according to the instructions provided and rename it to .env.
3. The backend is decoupled from the frontend and resides in the pages/api/ folder.
4. Install the necessary dependencies by running the command: npm install.
5. Start the development server by running the command: npm run dev.

Summary

This article presents the concept of creating a hand-sewn website to document adventures. It highlights the use of various libraries, frameworks, and Saas products to support different features such as analytics, filtering, internationalization, map integration, and searching. The backend of the website is powered by Supabase SaaS, which uses Postgresql as the database engine. The article also provides instructions on how to install and set up the website.