

## O que foi usado para desenvolver esse site?

Usando o FrameWork NextJs como base, esse site foi contruido ultilizando ferramentas do React... e uma aplicação SSR(Server Side Render) e SPA(Single Page Aplication).

Outras ferramentas importantes no desenvolvimento:

- Estilização modularizada com Sass
- E uma SPA pre-renderizada
- Imagens Otimizadas
- [Icones Retirados do HeroIcons](https://heroicons.com/)
- [Posts contruidos em markdown](https://www.npmjs.com/package/react-markdown)


Primeiro Post Do Blog


## Esta e uma das minhas primeiras experiencia utilizando TypeScript para desenvolver em Next.js

  Foi essa aplicação que me mostrou o quão facil e desenvolver em Next.js, o sistema de rotas do frameworks foi muito simples de implementar...

  para implementar o sistema de rotas e só importar e sair usando...

   ~~~Next.js
    import Link from "next/link";
   ~~~
   
  ### CSS
  para a estilização eu ultilizei [styled-components](https://styled-components.com/), ficou muito mais facil organizar o **Sass** com essa biblioteca.

  ### Deploy
  esta aplicação esta hospedada na **Vercel**, recomendo a todos que estejam estudando Next.js fazer o deploy na **Vercel** Além de facil e de graça. 

[Ir Para a Aplicação](https://index-jp.vercel.app/).


Primeiros Passos em Next.js e TypeScript


## Essa aplicalçao por ser a primeira lidei com muitos problemas, mas foi gratificante realizala...

Implementar hooks para um iniciante e realmente um desafio as vezes, mas com muito esforço eu conseguir usar diversos aqui nesse App.

## Back-End
O back-end foi um desafio a parte nesse App, porque eu lidei com outro ambiente que não tinha 
familiaridade ate então, que no caso foi **NodeJs** e para banco de dados **MongoDb**.  

## Deploy
esta aplicação esta hospedada na **Heroku**, recomendo a todos que estejam estudando Next.js fazer o deploy na **Heroku** Além de facil e de graça. 

## Cadastro
![Cadastro para clientes](../public/images/posts/first-app-in-react/cad-clientes.png)

## Cadastro de puerperas 
![Cadastro para puerperas](../public/images/posts/first-app-in-react/cad-puerperas.png)

[Ir Para a Aplicação](https://frontendcc.herokuapp.com/). 

Todos Posts

Primeiro Post Do Blog

Primeiros Passos em Next.js e TypeScript

Primeira Aplicação em React