NextFire main logoNextFire
Docs X
Introduction
Get Started
Clone repo
Run the app
Configuration
Firebase
Create firebase app
Authentication
Firestore
Storage
Functions
Global configuration
Public
Site config
Payments
Stripe
One time
Subscriptions
Webhooks
Usage
Project structure
Static pages
Public pages
Protected pages
Auth
Client auth
Server auth
Data fetching
Firestore client
Firestore admin
Functions
Storage
Content
Blog
Documentation
Components
Markdown
Cards
Diagrams
Filetree
Lists
Maths
Notes
Steps
Table
Tabs
Public
Deep
Deeper
Even deeper
  1. Markdown
  2. Steps

Steps

This section provides an overview of Introduction.

The <Step> and <StepItem> components allow you to create structured step-by-step guides in your documentation. These components are particularly useful when you want to break down a process or tutorial into easy-to-follow stages.

Steps

To create a step-by-step guide in your MDX, you can use the following structure:

1

Install Node.js

Make sure you have Node.js installed on your machine. You can download it from here.

To verify the installation, run the following command:

node -v
2

Install Dependencies

After cloning the repository, navigate to the project directory and install the necessary dependencies:

npm install
3

Run the Project

Start the development server:

npm run dev

You can access the application at:

http://localhost:3000
NotesTable

On this page

Steps

Content

FeedbackEdit page

© 2025 Ship IT.

Rubix Studios logo