new-marketplace

1
/* eslint-disable @next/next/no-sync-scripts */
2
import React from 'react';
3

4
const Documentation = () => {
5
    return (
6
        <>
7
            <div className="grid">
8
                <div className="col-12">
9
                    <div className="card docs">
10
                        <h4>Текущая версия</h4>
11
                        <p>Next v13, React v18, Typescript with PrimeReact v10</p>
12

13
                        <h5>Запуск приложения</h5>
14
                        <p>
15
                            Новый Маркетплейс использует React{' '}
16
                            <a href="https://nextjs.org/" className="font-medium hover:underline text-primary">
17
                                Next.js
18
                            </a>{' '}
19
                            и фреймворк Next.js{' '}
20
                            <a href="https://nextjs.org/docs/app" className="font-medium hover:underline text-primary">
21
                                App Router
22
                            </a>
23
                            . Для старта, клонируйте{' '}
24
                            <a href="https://gitverse.ru/olegzhr/new-marketplace" className="font-medium hover:underline text-primary">
25
                                репозиторий
26
                            </a>{' '}
27
                            и инсталлируйте зависимости npm.
28
                        </p>
29
                        <pre className="app-code">
30
                            <code>{`"npm install"`}</code>
31
                        </pre>
32

33
                        <p>
34
                            Следующим шагом запустите приложение.
35
                        </p>
36

37
                        <pre className="app-code">
38
                            <code>{`"npm run dev"`}</code>
39
                        </pre>
40
						
41
                        <h5>Запуск приложения в docker контейнере</h5>
42
                        
43
						<p>
44
                            Создайте docker image. 
45
                        </p>
46
						
47
						<pre className="app-code">
48
                            <code>{`"docker build -t gitverse.ru/user_name/new_marketplace:0.0.1 ."`}</code>
49
                        </pre>
50

51
						<p>
52
                            Следующим шагом запустите docker контейнер.
53
                        </p>
54
						
55
						<pre className="app-code">
56
                            <code>{`"docker run -d -p 3000:3000 gitverse.ru/user_name/new_marketplace:0.0.1"`}</code>
57
                        </pre>
58
						
59
					</div>
60
                </div>
61
            </div>
62
        </>
63
    );
64
};
65

66
export default Documentation;
67