├── .eslintrc.json
├── public
├── favicon.ico
├── fatburger.png
├── images
│ ├── fish.jpg
│ ├── cheese.jpg
│ ├── chicken.jpg
│ └── double.jpg
└── vercel.svg
├── next.config.js
├── components
├── Footer.js
├── Layout.js
└── Header.js
├── pages
├── api
│ └── hello.js
├── _app.js
├── 404.js
├── about.js
├── reviews.js
├── index.js
└── burgers
│ ├── index.js
│ └── [id].js
├── styles
├── Burgers.module.css
├── Home.module.css
└── globals.css
├── .gitignore
├── package.json
├── db.json
└── README.md
/.eslintrc.json:
--------------------------------------------------------------------------------
1 | {
2 | "extends": "next/core-web-vitals"
3 | }
4 |
--------------------------------------------------------------------------------
/public/favicon.ico:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/VasilyMur/NextJS_Fat_Burgers_Project/HEAD/public/favicon.ico
--------------------------------------------------------------------------------
/public/fatburger.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/VasilyMur/NextJS_Fat_Burgers_Project/HEAD/public/fatburger.png
--------------------------------------------------------------------------------
/public/images/fish.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/VasilyMur/NextJS_Fat_Burgers_Project/HEAD/public/images/fish.jpg
--------------------------------------------------------------------------------
/public/images/cheese.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/VasilyMur/NextJS_Fat_Burgers_Project/HEAD/public/images/cheese.jpg
--------------------------------------------------------------------------------
/public/images/chicken.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/VasilyMur/NextJS_Fat_Burgers_Project/HEAD/public/images/chicken.jpg
--------------------------------------------------------------------------------
/public/images/double.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/VasilyMur/NextJS_Fat_Burgers_Project/HEAD/public/images/double.jpg
--------------------------------------------------------------------------------
/next.config.js:
--------------------------------------------------------------------------------
1 | /** @type {import('next').NextConfig} */
2 | const nextConfig = {
3 | reactStrictMode: true,
4 | }
5 |
6 | module.exports = nextConfig
7 |
--------------------------------------------------------------------------------
/components/Footer.js:
--------------------------------------------------------------------------------
1 | const Footer = () => {
2 | return (
3 |
6 | );
7 | }
8 |
9 | export default Footer;
--------------------------------------------------------------------------------
/pages/api/hello.js:
--------------------------------------------------------------------------------
1 | // Next.js API route support: https://nextjs.org/docs/api-routes/introduction
2 |
3 | export default function handler(req, res) {
4 | res.status(200).json({ name: 'John Doe' })
5 | }
6 |
--------------------------------------------------------------------------------
/pages/_app.js:
--------------------------------------------------------------------------------
1 | import Layout from '../components/Layout';
2 | import '../styles/globals.css';
3 |
4 | function MyApp({ Component, pageProps }) {
5 | return (
6 |
7 |
8 |
9 | )
10 | }
11 |
12 | export default MyApp;
--------------------------------------------------------------------------------
/components/Layout.js:
--------------------------------------------------------------------------------
1 | import Footer from './Footer';
2 | import Header from './Header';
3 |
4 | const Layout = ({ children }) => {
5 | return (
6 |
7 |
8 | { children }
9 |
10 |
11 | );
12 | }
13 |
14 | export default Layout;
--------------------------------------------------------------------------------
/styles/Burgers.module.css:
--------------------------------------------------------------------------------
1 | .imageContainer {
2 | max-width: 150px;
3 | }
4 | .burgerCard {
5 | color: #2E2E2E;
6 | display: grid;
7 | grid-template-columns: 150px 1fr;
8 | gap: 10px;
9 | margin-bottom: 20px;
10 | overflow: hidden;
11 | background: #fff;
12 | padding: 10px;
13 | border-radius: 4px;
14 | max-width: 500px;
15 | box-shadow: rgba(0, 0, 0, 0.043) 0px 0px 5px 3px;
16 | }
17 | .burgerCard h3 {
18 | margin-top: 0;
19 | }
20 | .singleBurger {
21 | max-width: 600px;
22 | }
23 |
24 |
--------------------------------------------------------------------------------
/styles/Home.module.css:
--------------------------------------------------------------------------------
1 |
2 | .title {
3 | color: #ffe;
4 | text-align: center;
5 | font-size: 50px;
6 | }
7 | .text {
8 | text-align: center;
9 | }
10 | .btn {
11 | display: block;
12 | width: 150px;
13 | padding: 8px 0;
14 | margin: 20px auto 40px;
15 | background: #ffc600;
16 | border-radius: 4px;
17 | color: #fff;
18 | text-align: center;
19 | }
20 | .mainImage {
21 | max-width: 400px;
22 | margin: 0 auto;
23 | }
24 | .container {
25 | max-width: 600px;
26 | margin: 0 auto;
27 | }
28 |
--------------------------------------------------------------------------------
/components/Header.js:
--------------------------------------------------------------------------------
1 | import Link from 'next/link';
2 | import { SiBurgerking } from 'react-icons/si';
3 |
4 | const Header = () => {
5 | return (
6 |
17 |
18 | );
19 | }
20 |
21 | export default Header;
--------------------------------------------------------------------------------
/.gitignore:
--------------------------------------------------------------------------------
1 | # See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
2 |
3 | # dependencies
4 | /node_modules
5 | /.pnp
6 | .pnp.js
7 |
8 | # testing
9 | /coverage
10 |
11 | # next.js
12 | /.next/
13 | /out/
14 |
15 | # production
16 | /build
17 |
18 | # misc
19 | .DS_Store
20 | *.pem
21 |
22 | # debug
23 | npm-debug.log*
24 | yarn-debug.log*
25 | yarn-error.log*
26 | .pnpm-debug.log*
27 |
28 | # local env files
29 | .env.local
30 | .env.development.local
31 | .env.test.local
32 | .env.production.local
33 |
34 | # vercel
35 | .vercel
36 |
--------------------------------------------------------------------------------
/pages/404.js:
--------------------------------------------------------------------------------
1 | import Link from 'next/link';
2 | import { useEffect } from 'react';
3 | import { useRouter } from 'next/router';
4 |
5 | const NotFoundPage = () => {
6 | const router = useRouter();
7 |
8 | useEffect(() => {
9 | setTimeout(() => {
10 | router.push('/');
11 | }, 3000);
12 | }, []);
13 |
14 | return (
15 |
16 |
Ой...
17 |
Такой страницы здесь нет!
18 |
Перехожу на главную страницу через 3 секунды...
19 |
11 |
О нас
12 |
Жирные бургеры - это старые добрые бургеры по классической рецептуре, нужных размеров и за приемлемую цену.
13 |
Готовят их на американский, мексиканский и итальянский манер, не жалея ни соуса, ни начинки.
14 |
Для тех, кто изрядно проголодался, есть необъятный «Самый жирный бургер» с пятью говяжьими котлетами, кукурузными чипсами и сыром.
15 |
11 |
Отзывы клиентов
12 |
13 | { !!reviews.length && reviews.map(res => {
14 | return (
15 |
16 | {res.id}){ ' ' }
17 | {`${res.body.slice(0, 90)}...`}
18 |
)
19 | })}
20 |
21 |
14 |
Самый Жирный Бургер!
15 |
16 |
17 |
18 |
Что такое идеальный бургер? Лист свежего салата, мягкие булочки, сочное мясо. О других составляющих начинки можно поспорить, ведь это дело вкуса.
19 |
Есть ещё пара-тройка факторов, влияющих на аппетит: цены, качество обслуживания, правильная атмосфера заведения.
20 |
21 |
Все бургеры
22 |
23 |
33 |
{ burger.name }
34 |
35 |
43 |
44 |
45 |
{ burger.desc }
46 |
47 |