https://github.com/renovatt/interception-routes

Neste projeto, estou implementando a interceptação de rotas e criando rotas estáticas em conjunto com a funcionalidade de Parallel Routing, o que resulta em uma experiência incrível para os usuários
https://github.com/renovatt/interception-routes

dynamic-routes interception-routes nextjs nextjs13 parallel-routes tailwind-css typescript

Last synced: about 1 month ago
JSON representation

Neste projeto, estou implementando a interceptação de rotas e criando rotas estáticas em conjunto com a funcionalidade de Parallel Routing, o que resulta em uma experiência incrível para os usuários

• Host: GitHub
• URL: https://github.com/renovatt/interception-routes
• Owner: renovatt
• Created: 2023-08-06T15:08:26.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2023-08-06T16:18:38.000Z (over 1 year ago)
• Last Synced: 2023-08-06T17:28:52.442Z (over 1 year ago)
• Topics: dynamic-routes, interception-routes, nextjs, nextjs13, parallel-routes, tailwind-css, typescript
• Language: TypeScript
• Homepage: https://interception-routes.vercel.app
• Size: 797 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        





 


Rotas Paralelas
 

Interceptação de Rotas
 



## Descrição

### Neste projeto, estou implementando a interceptação de rotas e criando [rotas estáticas](https://nextjs.org/docs/app/building-your-application/routing/dynamic-routes) em conjunto com a funcionalidade de [Parallel Routing](https://nextjs.org/docs/app/building-your-application/routing/parallel-routes), o que resulta em uma experiência incrível para os usuários. A vantagem principal é a capacidade de renderizar simultaneamente ou condicionalmente várias páginas no mesmo layout, o que significa que há apenas um carregamento inicial, sem necessidade de carregamentos adicionais ao navegar entre as páginas, pois todas já foram carregadas durante a construção do aplicativo.

### Outro benefício é a possibilidade de renderizar slots de forma condicional, dependendo de certas condições, como o estado de autenticação do usuário. Isso permite manter códigos separados para a mesma URL, tornando a organização e a manutenção do código mais eficientes.

### Com a combinação da interceptação de rotas e o uso inteligente do Parallel Routing, estamos proporcionando aos usuários uma navegação mais fluída, conteúdo mais rápido e maior flexibilidade na apresentação de informações. Essa abordagem é realmente incrível e nos possibilita criar aplicativos web mais avançados, intuitivos e atraentes para que os usuários desfrutem de uma experiência aprimorada.

[Ver Projeto](https://interception-routes.vercel.app/)

#

## Layout web

![Web 1](./public/web-1.png)

#

![Web 2](./public/web-2.png)




## 🛠️ Tecnologias

💻 **Front-end**

- [Next.js 13.4](https://nextjs.org)

- [Typescript](https://www.typescriptlang.org)

📚 **Bibliotecas**

- [zustand](https://zustand-demo.pmnd.rs/)

- [react-query](https://tanstack.com/query/latest/docs/react/overview)

- [react-icons](https://react-icons.github.io/react-icons/)

🎨 **Estilização**

- [tailwindcss](https://tailwindcss.com/docs/installation)

🔋 **Versionamento e Deploy**

- [Git](https://git-scm.com)

- [Vercel](https://vercel.com/)




⚙️ **Configuranções e Instalações**

Clone do Projeto

    $ git clone https://github.com/renovatt/interception-routes.git

Instalando as dependências

    $ npm install

Iniciando o projeto

    $ npm run dev




**Como contribuir?**

- Você pode dar suporte me seguindo aqui no GitHub

- Dando uma estrela no projeto

- Criar uma conexão comigo no linkedin fazendo parte da minha networking e curtir o meu projeto.




**Autor**

[Wildemberg Renovato de Lima](https://www.linkedin.com/in/renovatt/)