Introduction To How To Make Docs

What is Docss?

Documentation is any communicable material that is used to describe, explain or instruct regarding some attributes of an object, system or procedure, such as its parts, assembly, installation, maintenance, and use. As a form of knowledge management and knowledge organization, documentation can be provided on paper, online, or on digital or analog media, such as audio tape or CDs. Examples are user guides, white papers, online help, and quick-reference guides. Paper or hard-copy documentation has become less common. Documentation is often distributed via websites, software products, and other online applications.

How to Add?

To add a docs to our website, you first need to understand how our site displays docs. We use simple HTML and CSS for this purpose. Additionally, our website provides built-in CSS that you can utilize as well.

How to use

This section demonstrates how to use built-in CSS effectively.

    
<p>This section demonstrates how to use built-in CSS effectively.</p>

<ul>
    <li>1st</li>
    <li>2nd</li>
    <li>3rd</li>
</ul>

<ol>
    <li>1st</li>
    <li>2nd</li>
    <li>3rd</li>
</ol>

Please use all the buttons provided for your blogs.

    
<button type="button" class="btn btn-primary">Primary</button>
<button type="button" class="btn btn-secondary">Secondary</button>
<button type="button" class="btn btn-success">Success</button>
<button type="button" class="btn btn-danger">Danger</button>
<button type="button" class="btn btn-warning">Warning</button>
<button type="button" class="btn btn-info">Info</button>
<button type="button" class="btn btn-light">Light</button>
<button type="button" class="btn btn-dark">Dark</button>
<button type="button" class="btn btn-link">Link</button>

Documentation

We offer information about all temples in the area.

Header template

    
{
    "title": "Blog Name",
    "links": [
        {"name": "url","url": "/url"},
        {"name": "url","url": "/url"},
        {"name": "url","url": "/url"}
    ]
}

Sidebar template

    

[
    {"name": "Introduction", "target": "#introduction"},
    {"name": "How to use", "target": "#how_to_use"},
    {"name": "Documentation", "target": "#documentation"}
]

Body template

    
<h1 id="introduction">Next JS</h1>

<p><b>Next.JS</b>is a React framework for building full-stack web applications. You use React Components to build user interfaces, and Next.js for additional features and optimizations. Under the hood, Next.js also abstracts and automatically configures tooling needed for React, like bundling, compiling, and more.</p>
<ul>
    <li>1st</li>
    <li>2nd</li>
    <li>3rd</li>
</ul>

<ol>
    <li>1st</li>
    <li>2nd</li>
    <li>3rd</li>
</ol>

<br>
<br>
<img src='https://kitrum.com/wp-content/uploads/2023/06/Next.JS.png' height="400">
<br>
<br>

<div class="code-container">
<button class="copy-btn">Copy Code</button>
<pre class="code">
<code class="language-js">
// 1
import Script from 'next/script';
export default function Page() { 
    const router = useRouter()
    console.log(router.query.slug);
}</code>
</pre>
</div>

Footer template

    
{
    "written_by": {"name":"author","link":"url"},
    "social_links": [
        {"icon": "fa-twitter","link": "url"},
        {"icon": "fa-facebook-f","link": "url"},
        {"icon": "fa-linkedin-in","link": "url"}
    ],
    "links": [
        {"name": "Next JS","url": "https://nextjs.org/"},
        {"name": "Docs","url": "https://nextjs.org/docs"},
        {"name": "More","url": "https://en.wikipedia.org/wiki/Next.js"}
    ]
}

How to add?

To submit your docs, please contact us.

Please draft an email quickly that includes the following information.
Please send it to our email at soubhik9123@gmail.com.
Your docs will be added within 7 to 15 days.

Email template

    
Sub: Request to add a blog post to Sverse Website.

(body)

Name: Example Name.
Contact info...

Blogs info:

Title: Blog Name. (If the title matches the others, we will notify you.)

Image: Link (Only Links)

Search Key Words: Doc, documentation, template (Add in the same format.)

Description: Add description...

Header template:
    {
        "title": "Blog Name",
        "links": [
            {"name": "url","url": "/url"},
            {"name": "url","url": "/url"},
            {"name": "url","url": "/url"}
        ]
    }

Sidebar template:
    [
        {"name": "Introduction", "target": "#introduction"},
        {"name": "How to use", "target": "#how_to_use"},
        {"name": "Documentation", "target": "#documentation"}
    ]

Body template:
    <h1>Next JS</h1>

    <p><b>Next.JS</b>is a React framework for building full-stack web applications. You use React Components to build user interfaces, and Next.js for additional features and optimizations. Under the hood, Next.js also abstracts and automatically configures tooling needed for React, like bundling, compiling, and more.</p>
    <ul>
        <li>1st</li>
        <li>2nd</li>
        <li>3rd</li>
    </ul>
    
    <ol>
        <li>1st</li>
        <li>2nd</li>
        <li>3rd</li>
    </ol>
    
    <br>
    <br>
    <img src='https://kitrum.com/wp-content/uploads/2023/06/Next.JS.png' height="400">
    <br>
    <br>
    
    <div class="code-container">
    <button class="copy-btn">Copy Code</button>
    <pre class="code">
    <code class="language-js">
    // 1
    import Script from 'next/script';
    export default function Page() { 
        const router = useRouter()
        console.log(router.query.slug);
    }</code>
    </pre>
    </div>
    
Footer template:
    {
        "written_by": {"name":"author","link":"url"},
        "social_links": [
            {"icon": "fa-twitter","link": "url"},
            {"icon": "fa-facebook-f","link": "url"},
            {"icon": "fa-linkedin-in","link": "url"}
        ],
        "links": [
            {"name": "Next JS","url": "https://nextjs.org/"},
            {"name": "Docs","url": "https://nextjs.org/docs"},
            {"name": "More","url": "https://en.wikipedia.org/wiki/Next.js"}
        ]
    }
    
    (If you do not have all the links, please use a "/" in place of the "url".)

Home Blogs Docs Links More