https://github.com/yaserdemet/nextjs-casestudy
https://github.com/yaserdemet/nextjs-casestudy
bootstrap component hooks nextjs router-dom
Last synced: 3 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/yaserdemet/nextjs-casestudy
- Owner: yaserdemet
- Created: 2022-08-28T17:41:42.000Z (almost 4 years ago)
- Default Branch: master
- Last Pushed: 2022-09-01T16:57:52.000Z (almost 4 years ago)
- Last Synced: 2025-03-25T16:31:28.608Z (over 1 year ago)
- Topics: bootstrap, component, hooks, nextjs, router-dom
- Language: JavaScript
- Homepage: next-js-case-study.vercel.app
- Size: 163 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
### This repository was created for NextJs case study.
### In this project following topics are to be covered;
✔ NextJs environment
✔ Next Route (Link,Page,Head etc)
✔ Conditional Rendering
✔ React Hooks
✔ React Icons, React Toastify
✔ Components and Props Logic
✔ Data iteration
✔ Seo Optimization
✔ Bootstrap
✔ Module Css
✔ To reduce boilerplate code, stayed information in JSON file.
```
NextJs Project (folder)
|
|----readme.md
|----.next
|----node.modules
|----assets
|----json
|----json.jsx
|----json2.jsx
|----components
|----Card.jsx
|----Footer.jsx
|----Layout.jsx
|----Navbar.jsx
|----Referans.jsx
|----package-lock.json
|----package.json
|----style
|----index.module.css
|----pages
|----_app.js
|----404.js
|----Hizmetler.jsx
|----index.jsx
|----Main.jsx
```
#### To use Toastift follow these steps;
```
$ npm install --save react-toastify
$ yarn add react-toastify
```
### To send mail with nextJs
```
```
```
import React from 'react';
import { ToastContainer, toast } from 'react-toastify';
import 'react-toastify/dist/ReactToastify.css';
function App(){
const notify = () => toast("Wow so easy!");
return (
Notify!
);
}
```