Dna
Start a new webapp with fullstack typesafety, with Directus providing the database sdk to Nest & React/Svelte
Overview
This Fullstack Typescript project aims to combine four popular tools (back-end NestJS / Directus, front-end React or Svelte) to create a typesafe environment with essential configurations necessary for common project requirements. It includes features such as local development environment setup, GraphQL SDK for generating database models and operations in TypeScript, and migration capabilities for export/import of data models.
Features
- Local development environment setup
- GraphQL SDK for generating database models and operations in TypeScript
- Migration capabilities for exporting and importing data models
Summary
This Fullstack Typescript project provides a comprehensive solution for setting up a typesafe environment with NestJS, Directus, React or Svelte. It includes features for local development environment setup, GraphQL SDK for generating TypeScript models and operations, and migration capabilities for exporting and importing data models. By following the installation guide, users can easily get started with the project and leverage its powerful features.
- Nest
A progressive Node.js framework for building efficient, scalable, and enterprise-grade server-side applications with TypeScript/JavaScript.
- React
React is a widely used JavaScript library for building user interfaces and single-page applications. It follows a component-based architecture and uses a virtual DOM to efficiently update and render UI components
- Svelte
Svelte is a modern front-end framework that compiles your code at build time, resulting in smaller and faster applications. It uses a reactive approach to update the DOM, allowing for high performance and a smoother user experience.
- Directus
A website that uses Directus as an open source headless CMS to manage content. This includes features such as a customizable content model, role-based access control, and API-based content delivery to support a wide range of digital experiences.
- Graphql
A website that uses GraphQL as a query language to manage data fetching and state management. This includes features such as a strongly typed schema, client-side caching, and declarative data fetching to streamline data management and optimize website performance.
- Recoil
Recoil is a state management library for React that provides an intuitive and flexible API for managing and sharing state across components. It supports a range of features, including derived state, asynchronous updates, and time-travel debugging, and is designed to work well with the React ecosystem and other state management solutions.
- Typescript
TypeScript is a superset of JavaScript, providing optional static typing, classes, interfaces, and other features that help developers write more maintainable and scalable code. TypeScript's static typing system can catch errors at compile-time, making it easier to build and maintain large applications.