diff --git a/Frontend/app/layout.tsx b/Frontend/app/layout.tsx index e6f6375..7680d2d 100644 --- a/Frontend/app/layout.tsx +++ b/Frontend/app/layout.tsx @@ -9,23 +9,24 @@ import { cookies } from "next/headers"; import { isAuthenticated } from "@/lib/auth"; import { GTagProvider, PHProvider, ThemeProvider } from "./providers"; import Script from "next/script"; -import dynamic from "next/dynamic"; -import Link from "next/link"; const raleway = Arimo({ variable: "--body-font", subsets: ["latin"], + display: "swap", }); const arimo = Arimo({ variable: "--body-font", subsets: ["latin"], + display: "swap", }); const indieFlower = Indie_Flower({ variable: "--accent-font", weight: "400", subsets: ["latin"], + display: "swap", }); export default async function RootLayout({ @@ -74,12 +75,16 @@ export default async function RootLayout({ - - - -
Skip to main content

Tutorial - Basics

5 minutes to learn the most important Docusaurus concepts.

- - \ No newline at end of file diff --git a/Frontend/public/docs/category/tutorial---extras/index.html b/Frontend/public/docs/category/tutorial---extras/index.html deleted file mode 100644 index fb2717c..0000000 --- a/Frontend/public/docs/category/tutorial---extras/index.html +++ /dev/null @@ -1,13 +0,0 @@ - - - - - -Tutorial - Extras | FastPocket - - - - -
Skip to main content

Tutorial - Extras

- - \ No newline at end of file diff --git a/Frontend/public/docs/img/docusaurus-social-card.jpg b/Frontend/public/docs/img/docusaurus-social-card.jpg deleted file mode 100644 index ffcb448..0000000 Binary files a/Frontend/public/docs/img/docusaurus-social-card.jpg and /dev/null differ diff --git a/Frontend/public/docs/img/docusaurus.png b/Frontend/public/docs/img/docusaurus.png deleted file mode 100644 index f458149..0000000 Binary files a/Frontend/public/docs/img/docusaurus.png and /dev/null differ diff --git a/Frontend/public/docs/img/favicon.ico b/Frontend/public/docs/img/favicon.ico deleted file mode 100644 index 80d7e9f..0000000 Binary files a/Frontend/public/docs/img/favicon.ico and /dev/null differ diff --git a/Frontend/public/docs/img/logo.svg b/Frontend/public/docs/img/logo.svg deleted file mode 100644 index 9db6d0d..0000000 --- a/Frontend/public/docs/img/logo.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/Frontend/public/docs/img/undraw_docusaurus_mountain.svg b/Frontend/public/docs/img/undraw_docusaurus_mountain.svg deleted file mode 100644 index af961c4..0000000 --- a/Frontend/public/docs/img/undraw_docusaurus_mountain.svg +++ /dev/null @@ -1,171 +0,0 @@ - - Easy to Use - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/Frontend/public/docs/img/undraw_docusaurus_react.svg b/Frontend/public/docs/img/undraw_docusaurus_react.svg deleted file mode 100644 index 94b5cf0..0000000 --- a/Frontend/public/docs/img/undraw_docusaurus_react.svg +++ /dev/null @@ -1,170 +0,0 @@ - - Powered by React - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/Frontend/public/docs/img/undraw_docusaurus_tree.svg b/Frontend/public/docs/img/undraw_docusaurus_tree.svg deleted file mode 100644 index d9161d3..0000000 --- a/Frontend/public/docs/img/undraw_docusaurus_tree.svg +++ /dev/null @@ -1,40 +0,0 @@ - - Focus on What Matters - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/Frontend/public/docs/index.html b/Frontend/public/docs/index.html deleted file mode 100644 index 32f4aef..0000000 --- a/Frontend/public/docs/index.html +++ /dev/null @@ -1,37 +0,0 @@ - - - - - -Tutorial Intro | FastPocket - - - - -
Skip to main content

Tutorial Intro

-

Let's discover Docusaurus in less than 5 minutes.

-

Getting Started​

-

Get started by creating a new site.

-

Or try Docusaurus immediately with docusaurus.new.

-

What you'll need​

-
    -
  • Node.js version 18.0 or above: -
      -
    • When installing Node.js, you are recommended to check all checkboxes related to dependencies.
      • -
    -
    • -
-

Generate a new site​

-

Generate a new Docusaurus site using the classic template.

-

The classic template will automatically be added to your project after you run the command:

-
npm init docusaurus@latest my-website classic
-

You can type this command into Command Prompt, Powershell, Terminal, or any other integrated terminal of your code editor.

-

The command also installs all necessary dependencies you need to run Docusaurus.

-

Start your site​

-

Run the development server:

-
cd my-website
npm run start
-

The cd command changes the directory you're working with. In order to work with your newly created Docusaurus site, you'll need to navigate the terminal there.

-

The npm run start command builds your website locally and serves it through a development server, ready for you to view at http://localhost:3000/.

-

Open docs/intro.md (this page) and edit some lines: the site reloads automatically and displays your changes.

- - \ No newline at end of file diff --git a/Frontend/public/docs/markdown-page/index.html b/Frontend/public/docs/markdown-page/index.html deleted file mode 100644 index 7f99d11..0000000 --- a/Frontend/public/docs/markdown-page/index.html +++ /dev/null @@ -1,14 +0,0 @@ - - - - - -Markdown page example | FastPocket - - - - -
Skip to main content

Markdown page example

-

You don't need React to write simple standalone pages.

- - \ No newline at end of file diff --git a/Frontend/public/docs/sitemap.xml b/Frontend/public/docs/sitemap.xml deleted file mode 100644 index cdff490..0000000 --- a/Frontend/public/docs/sitemap.xml +++ /dev/null @@ -1 +0,0 @@ -https://fastpocket.dev/docs/markdown-pageweekly0.5https://fastpocket.dev/docs/category/tutorial---basicsweekly0.5https://fastpocket.dev/docs/category/tutorial---extrasweekly0.5https://fastpocket.dev/docs/tutorial-basics/congratulationsweekly0.5https://fastpocket.dev/docs/tutorial-basics/create-a-blog-postweekly0.5https://fastpocket.dev/docs/tutorial-basics/create-a-documentweekly0.5https://fastpocket.dev/docs/tutorial-basics/create-a-pageweekly0.5https://fastpocket.dev/docs/tutorial-basics/deploy-your-siteweekly0.5https://fastpocket.dev/docs/tutorial-basics/markdown-featuresweekly0.5https://fastpocket.dev/docs/tutorial-extras/manage-docs-versionsweekly0.5https://fastpocket.dev/docs/tutorial-extras/translate-your-siteweekly0.5https://fastpocket.dev/docs/weekly0.5 \ No newline at end of file diff --git a/Frontend/public/docs/tutorial-basics/congratulations/index.html b/Frontend/public/docs/tutorial-basics/congratulations/index.html deleted file mode 100644 index 03b8dcb..0000000 --- a/Frontend/public/docs/tutorial-basics/congratulations/index.html +++ /dev/null @@ -1,27 +0,0 @@ - - - - - -Congratulations! | FastPocket - - - - -
Skip to main content

Congratulations!

-

You have just learned the basics of Docusaurus and made some changes to the initial template.

-

Docusaurus has much more to offer!

-

Have 5 more minutes? Take a look at versioning and i18n.

-

Anything unclear or buggy in this tutorial? Please report it!

-

What's next?​

-
- - \ No newline at end of file diff --git a/Frontend/public/docs/tutorial-basics/create-a-blog-post/index.html b/Frontend/public/docs/tutorial-basics/create-a-blog-post/index.html deleted file mode 100644 index 0392b57..0000000 --- a/Frontend/public/docs/tutorial-basics/create-a-blog-post/index.html +++ /dev/null @@ -1,18 +0,0 @@ - - - - - -Create a Blog Post | FastPocket - - - - -
Skip to main content

Create a Blog Post

-

Docusaurus creates a page for each blog post, but also a blog index page, a tag system, an RSS feed...

-

Create your first Post​

-

Create a file at blog/2021-02-28-greetings.md:

-
blog/2021-02-28-greetings.md
---
slug: greetings
title: Greetings!
authors:
  - name: Joel Marcey
    title: Co-creator of Docusaurus 1
    url: https://github.com/JoelMarcey
    image_url: https://github.com/JoelMarcey.png
  - name: Sébastien Lorber
    title: Docusaurus maintainer
    url: https://sebastienlorber.com
    image_url: https://github.com/slorber.png
tags: [greetings]
---

Congratulations, you have made your first post!

Feel free to play around and edit this post as much as you like.
-

A new blog post is now available at http://localhost:3000/blog/greetings.

- - \ No newline at end of file diff --git a/Frontend/public/docs/tutorial-basics/create-a-document/index.html b/Frontend/public/docs/tutorial-basics/create-a-document/index.html deleted file mode 100644 index 5df84bb..0000000 --- a/Frontend/public/docs/tutorial-basics/create-a-document/index.html +++ /dev/null @@ -1,29 +0,0 @@ - - - - - -Create a Document | FastPocket - - - - -
Skip to main content

Create a Document

-

Documents are groups of pages connected through:

-
    -
  • a sidebar
    • -
  • previous/next navigation
    • -
  • versioning
    • -
-

Create your first Doc​

-

Create a Markdown file at docs/hello.md:

-
docs/hello.md
# Hello

This is my **first Docusaurus document**!
-

A new document is now available at http://localhost:3000/docs/hello.

-

Configure the Sidebar​

-

Docusaurus automatically creates a sidebar from the docs folder.

-

Add metadata to customize the sidebar label and position:

-
docs/hello.md
---
sidebar_label: 'Hi!'
sidebar_position: 3
---

# Hello

This is my **first Docusaurus document**!
-

It is also possible to create your sidebar explicitly in sidebars.js:

-
sidebars.js
export default {
  tutorialSidebar: [
    'intro',
    'hello',
    {
      type: 'category',
      label: 'Tutorial',
      items: ['tutorial-basics/create-a-document'],
    },
  ],
};
- - \ No newline at end of file diff --git a/Frontend/public/docs/tutorial-basics/create-a-page/index.html b/Frontend/public/docs/tutorial-basics/create-a-page/index.html deleted file mode 100644 index c884dca..0000000 --- a/Frontend/public/docs/tutorial-basics/create-a-page/index.html +++ /dev/null @@ -1,27 +0,0 @@ - - - - - -Create a Page | FastPocket - - - - -
Skip to main content

Create a Page

-

Add Markdown or React files to src/pages to create a standalone page:

-
    -
  • src/pages/index.js → localhost:3000/
    • -
  • src/pages/foo.md → localhost:3000/foo
    • -
  • src/pages/foo/bar.js → localhost:3000/foo/bar
    • -
-

Create your first React Page​

-

Create a file at src/pages/my-react-page.js:

-
src/pages/my-react-page.js
import React from 'react';
import Layout from '@theme/Layout';

export default function MyReactPage() {
  return (
    <Layout>
      <h1>My React page</h1>
      <p>This is a React page</p>
    </Layout>
  );
}
-

A new page is now available at http://localhost:3000/my-react-page.

-

Create your first Markdown Page​

-

Create a file at src/pages/my-markdown-page.md:

-
src/pages/my-markdown-page.md
# My Markdown page

This is a Markdown page
-

A new page is now available at http://localhost:3000/my-markdown-page.

- - \ No newline at end of file diff --git a/Frontend/public/docs/tutorial-basics/deploy-your-site/index.html b/Frontend/public/docs/tutorial-basics/deploy-your-site/index.html deleted file mode 100644 index c07e84e..0000000 --- a/Frontend/public/docs/tutorial-basics/deploy-your-site/index.html +++ /dev/null @@ -1,24 +0,0 @@ - - - - - -Deploy your site | FastPocket - - - - -
Skip to main content

Deploy your site

-

Docusaurus is a static-site-generator (also called Jamstack).

-

It builds your site as simple static HTML, JavaScript and CSS files.

-

Build your site​

-

Build your site for production:

-
npm run build
-

The static files are generated in the build folder.

-

Deploy your site​

-

Test your production build locally:

-
npm run serve
-

The build folder is now served at http://localhost:3000/.

-

You can now deploy the build folder almost anywhere easily, for free or very small cost (read the Deployment Guide).

- - \ No newline at end of file diff --git a/Frontend/public/docs/tutorial-basics/markdown-features/index.html b/Frontend/public/docs/tutorial-basics/markdown-features/index.html deleted file mode 100644 index b3bd28c..0000000 --- a/Frontend/public/docs/tutorial-basics/markdown-features/index.html +++ /dev/null @@ -1,44 +0,0 @@ - - - - - -Markdown Features | FastPocket - - - - -
Skip to main content

Markdown Features

-

Docusaurus supports Markdown and a few additional features.

-

Front Matter​

-

Markdown documents have metadata at the top called Front Matter:

-
my-doc.md
---
id: my-doc-id
title: My document title
description: My document description
slug: /my-custom-url
---

## Markdown heading

Markdown text with [links](./hello.md)
- -

Regular Markdown links are supported, using url paths or relative file paths.

-
Let's see how to [Create a page](/create-a-page).
-
Let's see how to [Create a page](./create-a-page.md).
-

Result: Let's see how to Create a page.

-

Images​

-

Regular Markdown images are supported.

-

You can use absolute paths to reference images in the static directory (static/img/docusaurus.png):

-
![Docusaurus logo](/img/docusaurus.png)
-

Docusaurus logo

-

You can reference images relative to the current file as well. This is particularly useful to colocate images close to the Markdown files using them:

-
![Docusaurus logo](./img/docusaurus.png)
-

Code Blocks​

-

Markdown code blocks are supported with Syntax highlighting.

-
```jsx title="src/components/HelloDocusaurus.js"
function HelloDocusaurus() {
  return <h1>Hello, Docusaurus!</h1>;
}
```
-
src/components/HelloDocusaurus.js
function HelloDocusaurus() {
  return <h1>Hello, Docusaurus!</h1>;
}
-

Admonitions​

-

Docusaurus has a special syntax to create admonitions and callouts:

-
:::tip[My tip]

Use this awesome feature option

:::

:::danger[Take care]

This action is dangerous

:::
-
My tip

Use this awesome feature option

-
Take care

This action is dangerous

-

MDX and React Components​

-

MDX can make your documentation more interactive and allows using any React components inside Markdown:

-
export const Highlight = ({children, color}) => (
  <span
    style={{
      backgroundColor: color,
      borderRadius: '20px',
      color: '#fff',
      padding: '10px',
      cursor: 'pointer',
    }}
    onClick={() => {
      alert(`You clicked the color ${color} with label ${children}`)
    }}>
    {children}
  </span>
);

This is <Highlight color="#25c2a0">Docusaurus green</Highlight> !

This is <Highlight color="#1877F2">Facebook blue</Highlight> !
- -

This is Docusaurus green !

-

This is Facebook blue !

- - \ No newline at end of file diff --git a/Frontend/public/docs/tutorial-extras/manage-docs-versions/index.html b/Frontend/public/docs/tutorial-extras/manage-docs-versions/index.html deleted file mode 100644 index e84a399..0000000 --- a/Frontend/public/docs/tutorial-extras/manage-docs-versions/index.html +++ /dev/null @@ -1,35 +0,0 @@ - - - - - -Manage Docs Versions | FastPocket - - - - -
Skip to main content

Manage Docs Versions

-

Docusaurus can manage multiple versions of your docs.

-

Create a docs version​

-

Release a version 1.0 of your project:

-
npm run docusaurus docs:version 1.0
-

The docs folder is copied into versioned_docs/version-1.0 and versions.json is created.

-

Your docs now have 2 versions:

-
    -
  • 1.0 at http://localhost:3000/docs/ for the version 1.0 docs
    • -
  • current at http://localhost:3000/docs/next/ for the upcoming, unreleased docs
    • -
-

Add a Version Dropdown​

-

To navigate seamlessly across versions, add a version dropdown.

-

Modify the docusaurus.config.js file:

-
docusaurus.config.js
export default {
  themeConfig: {
    navbar: {
      items: [
        {
          type: 'docsVersionDropdown',
        },
      ],
    },
  },
};
-

The docs version dropdown appears in your navbar:

-

Docs Version Dropdown

-

Update an existing version​

-

It is possible to edit versioned docs in their respective folder:

-
    -
  • versioned_docs/version-1.0/hello.md updates http://localhost:3000/docs/hello
    • -
  • docs/hello.md updates http://localhost:3000/docs/next/hello
    • -
- - \ No newline at end of file diff --git a/Frontend/public/docs/tutorial-extras/translate-your-site/index.html b/Frontend/public/docs/tutorial-extras/translate-your-site/index.html deleted file mode 100644 index c717e99..0000000 --- a/Frontend/public/docs/tutorial-extras/translate-your-site/index.html +++ /dev/null @@ -1,37 +0,0 @@ - - - - - -Translate your site | FastPocket - - - - -
Skip to main content

Translate your site

-

Let's translate docs/intro.md to French.

-

Configure i18n​

-

Modify docusaurus.config.js to add support for the fr locale:

-
docusaurus.config.js
export default {
  i18n: {
    defaultLocale: 'en',
    locales: ['en', 'fr'],
  },
};
-

Translate a doc​

-

Copy the docs/intro.md file to the i18n/fr folder:

-
mkdir -p i18n/fr/docusaurus-plugin-content-docs/current/

cp docs/intro.md i18n/fr/docusaurus-plugin-content-docs/current/intro.md
-

Translate i18n/fr/docusaurus-plugin-content-docs/current/intro.md in French.

-

Start your localized site​

-

Start your site on the French locale:

-
npm run start -- --locale fr
-

Your localized site is accessible at http://localhost:3000/fr/ and the Getting Started page is translated.

-
caution

In development, you can only use one locale at a time.

-

Add a Locale Dropdown​

-

To navigate seamlessly across languages, add a locale dropdown.

-

Modify the docusaurus.config.js file:

-
docusaurus.config.js
export default {
  themeConfig: {
    navbar: {
      items: [
        {
          type: 'localeDropdown',
        },
      ],
    },
  },
};
-

The locale dropdown now appears in your navbar:

-

Locale Dropdown

-

Build your localized site​

-

Build your site for a specific locale:

-
npm run build -- --locale fr
-

Or build your site to include all the locales at once:

-
npm run build
- - \ No newline at end of file