NextJS is a **framework for ReactJS**.

Wait a second ... a "framework" for React? Isn't React itself already a framework for JavaScript?

Well ... first of all, React is a "library" for JavaScript. That seems to be important for some people.

Not for me, but still, there is a valid point: React already is a framework / library for JavaScript. So it's already an extra layer on top of JS.

## Why would we then need NextJS?

Because NextJS makes building React apps easier - especially React apps that should have server-side rendering (though it does way more than just take care of that).

In this article, we'll dive into the core concepts and features NextJS has to offer:

- File-based Routing
- Built-in Page Pre-rendering
- Rich Data Fetching Capabilities
- Image Optimization
- Much More

## File-based Routing


![Create routes via your file + folder structure](nextjs-file-based-routing.png)

... More content ...

Getting Started with NextJS

## gmail-clone is a functional, responsive Website created with React, Redux and Firebase

**Watch the website (live demo): https://clone-c8cd7.web.app/**

#### &#9881; STACK.


**( React & Redux )**

- Use **Redux for state management.**

- Routing with **React Router.**


**( Firebase & Firestore )**

- Use Firebase to build **full stack application.**

- **Sign-In** workflow with Firebase.

- **Google** Authentification. 

- **Authentication State Persistence** 

- **Storing emails In FireStore.**

**( Material UI )**   
- use components of material ui

---
#### Overview & Goal. 

- **Users can log in by email of google.**
- **Users can write a message to any person, and show in emails list of user email.**
--- 


https://user-images.githubusercontent.com/57132693/132955197-62903017-fa11-41d6-95ce-23d5c70b43b9.mp4


#### Main Page.
![my app with laptop template](gmail-clone.png)






Hi, i'm Ahmed

Featured Posts

Getting Started with NextJS

Gmail clone project