Nettsiden
Nettsiden til Capra Consulting
Overview
The Capra Nettsiden is a website developed by Capra Consulting. It utilizes various technologies such as React for the UI, Remix for server-side rendering, and Tailwind for styling. The website is hosted on Cloudflare Pages, while the content and images are managed through Sanity. The development process includes component development using Ladle and icons from The Noun Project. The project can be opened in StackBlitz Codeflow for easy access. Local deployment is also possible by running it on http://localhost:3000. Secrets such as API keys can be found on Notion or requested in the #team_capraweb channel. The website is deployed on Cloudflare Pages, with all commits to the main branch going live in production and branches getting preview builds.
Features
- UI developed with React
- Server-side rendering using Remix
- Styling with Tailwind
- Hosted on Cloudflare Pages
- Content and images managed with Sanity
- Component development with Ladle
- Icons from The Noun Project
Summary
The Capra Nettsiden is a website developed by Capra Consulting, featuring a UI built with React and utilizing technologies such as Remix for server-side rendering, Tailwind for styling, and Cloudflare Pages for hosting. The website's content and images are managed through Sanity, and component development is done using Ladle. The project can be easily accessed and edited through StackBlitz Codeflow or run locally on http://localhost:3000. API keys and other secrets can be found on Notion or requested in the designated team channel. The website is deployed on Cloudflare Pages, with all commits to the main branch going live in production and branches receiving preview builds.
- 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
- Tailwind
Tailwind CSS is a utility-first CSS framework that provides pre-defined classes for building responsive and customizable user interfaces.
- Sanity
Sanity is a fully customizable, API-first, and cloud-based headless content management system that enables developers to manage structured content across multiple channels and platforms.
- Eslint
ESLint is a linter for JavaScript that analyzes code to detect and report on potential problems and errors, as well as enforce consistent code style and best practices, helping developers to write cleaner, more maintainable code.
- 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.
- Zod
Zod is a TypeScript-first schema declaration and validation library. It allows you to define schemas that can validate data at runtime while providing excellent TypeScript inference, making it perfect for API validation, form validation, and type-safe data handling.