An open API service indexing awesome lists of open source software.

https://github.com/themesberg/flowbite-react-template-vike

Official Flowbite React template using Vike
https://github.com/themesberg/flowbite-react-template-vike

flowbite-react template vike

Last synced: 3 months ago
JSON representation

Official Flowbite React template using Vike

Awesome Lists containing this project

README

          

Generated with [vike.dev/new](https://vike.dev/new) ([version 413](https://www.npmjs.com/package/create-vike/v/0.0.413)) using this command:

```sh
npm create vike@latest --- --react --tailwindcss
```

## Contents

- [React](#react)
- [`/pages/+config.ts`](#pagesconfigts)
- [Routing](#routing)
- [`/pages/_error/+Page.jsx`](#pages_errorpagejsx)
- [`/pages/+onPageTransitionStart.ts` and `/pages/+onPageTransitionEnd.ts`](#pagesonpagetransitionstartts-and-pagesonpagetransitionendts)
- [SSR](#ssr)
- [HTML Streaming](#html-streaming)

## React

This app is ready to start. It's powered by [Vike](https://vike.dev) and [React](https://react.dev/learn).

### `/pages/+config.ts`

Such `+` files are [the interface](https://vike.dev/config) between Vike and your code. It defines:

- A default [`` component](https://vike.dev/Layout) (that wraps your [`` components](https://vike.dev/Page)).
- A default [`title`](https://vike.dev/title).
- Global [`` tags](https://vike.dev/head-tags).

### Routing

[Vike's built-in router](https://vike.dev/routing) lets you choose between:

- [Filesystem Routing](https://vike.dev/filesystem-routing) (the URL of a page is determined based on where its `+Page.jsx` file is located on the filesystem)
- [Route Strings](https://vike.dev/route-string)
- [Route Functions](https://vike.dev/route-function)

### `/pages/_error/+Page.jsx`

The [error page](https://vike.dev/error-page) which is rendered when errors occur.

### `/pages/+onPageTransitionStart.ts` and `/pages/+onPageTransitionEnd.ts`

The [`onPageTransitionStart()` hook](https://vike.dev/onPageTransitionStart), together with [`onPageTransitionEnd()`](https://vike.dev/onPageTransitionEnd), enables you to implement page transition animations.

### SSR

SSR is enabled by default. You can [disable it](https://vike.dev/ssr) for all your pages or only for some pages.

### HTML Streaming

You can enable/disable [HTML streaming](https://vike.dev/stream) for all your pages, or only for some pages while still using it for others.