Video Fullstack Sveltekit Datastax screenshot

Video Fullstack Sveltekit Datastax

Author Avatar Theme by Eddiejaoude
Updated: 13 Oct 2021
6 Stars

Video fullstack using SvelteKit (Svelte) with Bootstrap and DataStax

Categories

Overview:

This tutorial provides instructions on how to build a fullstack app using SvelteKit and DataStax’s cloud NoSQL database, Astra DB. The app will have features such as listing, creating, and filtering developers. It will be a single-page web app with a search bar at the top, a form to create developers, and a list of saved developers below the forms. The app will use RESTful APIs to fetch data and send POST requests to save data in the database. The tutorial highlights the use of open source tools like SvelteKit, Bootstrap, RESTful APIs, and NoSQL databases to develop versatile applications.

Features:

  • List Developers: The app will display a list of developers, presenting their details in an organized manner.
  • Create Developer: Users will be able to fill out a form to create a new developer entry in the database.
  • Filter Developers: The app will provide a mechanism to filter developers based on different criteria.

Installation:

To install the theme and set up the app, follow the steps below:

  1. Start by cloning the GitHub repository:
git clone https://github.com/<repository-url>
  1. Navigate to the project directory:
cd <project-directory>
  1. Install the required dependencies:
npm install
  1. Configure the Astra DB credentials in the app. Create a .env file in the project root directory and add the following lines, replacing the values with your Astra DB credentials:
ASTRA_DB_ID=<astra-db-id>
ASTRA_DB_REGION=<astra-db-region>
ASTRA_DB_USERNAME=<astra-db-username>
ASTRA_DB_PASSWORD=<astra-db-password>
  1. Start the development server:
npm run dev
  1. Open your browser and navigate to http://localhost:5000 to access the app.

Summary:

This tutorial guides users on building a fullstack app using SvelteKit and DataStax’s Astra DB. The app’s key features include listing developers, creating new developers using a form, and filtering developers based on various criteria. By leveraging open source tools like SvelteKit, Bootstrap, RESTful APIs, and NoSQL databases, users gain a solid foundation for developing their own application ideas into real projects.