Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/vivekvardhanadepu/typesense-anime-search
A demo of anime search powered by typesense
https://github.com/vivekvardhanadepu/typesense-anime-search
algolia anime-search frontend nextjs react react-instantsearch reactjs tailwindcss typesense typesense-showcase vercel-deployment webapp website
Last synced: 2 days ago
JSON representation
A demo of anime search powered by typesense
- Host: GitHub
- URL: https://github.com/vivekvardhanadepu/typesense-anime-search
- Owner: vivekvardhanadepu
- Created: 2022-07-08T17:02:00.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2022-07-20T17:01:56.000Z (over 2 years ago)
- Last Synced: 2024-11-21T07:37:58.957Z (2 months ago)
- Topics: algolia, anime-search, frontend, nextjs, react, react-instantsearch, reactjs, tailwindcss, typesense, typesense-showcase, vercel-deployment, webapp, website
- Language: TypeScript
- Homepage: https://typesense-anime-search.vercel.app
- Size: 558 KB
- Stars: 1
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Instant anime search experience powered by Typesense, next.js, and tailwindcss
This is a demo [Next.js](https://nextjs.org/) project bootstrapped with [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app) that shows how you can use [Typesense's](https://github.com/typesense/typesense) feature set,
to build a anime search website
## Prerequisites
- [docker](https://docs.docker.com/desktop/)
- node-version: 16
## Getting Started
First, start a typesense server and create collection and schema in it
```
yarn typesenseServer
yarn indexer
```
Then, install node packages and run the development server:
```bash
npm install
npm run dev
# or
yarn
yarn dev
```
Detailed steps:
- [build-a-search-application-with-typesense-react-and-tailwind](https://aviyel.com/post/2936/build-a-search-application-with-typesense-react-and-tailwind)
- [Building a Search App in React.js using Typesense, Next.js & Tailwind CSS](https://www.youtube.com/watch?v=cIU19iA8I7U&ab_channel=ZaisteProgramming)
Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.
You can start editing the page by modifying `pages/index.tsx`. The page auto-updates as you edit the file.
## Acknowledgements
- https://github.com/typesense/showcase-nextjs-typesense-ecommerce-store