Vamos construir juntos uma API bem rápida. Fazendo isso, você aprenderá como usar o Hono, uma estrutura web leve, Cloudflare Workers para código em servidor distribuído globalmente e Redis como um banco de dados rápido.
Está é apenas uma POC de API veloz com NextJS.
Desenvolvi esse projeto, baseado em estudos sobre o funcionamento da API Router com NextJS, aplicando também agumas tecnologias para deixar a busca mais rápida e destribuida globalmente assim diminuindo de fato a lentidão na busca dos países em um front-end simples com tailwind e shadcn-ui.
Web: O front desenvolvido com NextJS, utiliza estilos com tailwind e os componentes com a biblioteca shadcn-ui.
Principais tecnologias que utilizei para desenvolver esta aplicação web
Para instalar e configurar uma cópia local, siga estas etapas simples:
Para garantir o funcionamento adequado da nossa aplicação, verifique abaixo:
-
Clone o repositório:
git clone https://github.com/williamjayjay/front-api-nextjs-veryfastSearch
-
Cadastrar no upstash-redis: Crie o banco REDIS através deste link aqui
-
Colar credenciais upstash: Cole no arquivo .env e wrangler.toml as credenciais da URL e do TOKEN.
-
Rodar as SEEDS: Rode a seed que contém o nome dos países, para salvar isso no nosso banco Redis.
yarn tsx src/lib/seed.ts
-
Instale os módulos com PNPM ou YARN:
# Instale usando yarn
yarn i
# Instale usando pnpm
pnpm i- Fazer deploy para cloudfare: Suba a API em NEXTJS para a Cloudfare.
yarn deploy- Rodar a aplicação com PNPM ou YARN:
# Instale usando yarn
yarn dev
# Instale usando pnpm
pnpm dev-
Fazer busca muito rápida por nomes de países salvos no banco REDIS online.
- Exibir os milisegundos da busca
-
Após o deploy na cloudfare, é possivel acessar a sua api, similar a route props a seguir: "suaurl.workers.dev/api/search?q=br"
Desenvolvi a tela principal de forma simples para dar ênfase apenas na estrutura da busca veloz.
