Back to blog

Create and Deploy App Docusaurus

Web de documentacion con Docusaurus


1. CREAR PAGINA

CREAR UNA CARPETA DEL PROYECTO:

ABRIR LA CONSOLA DE COMANDOS CMD

En la consola situada en la carpeta del proyecto escribimos el comando, para crear la Pagina.

 npx create-docusaurus@latest myWeb classic

 
[SUCCESS] Created myWeb.
[INFO] Inside that directory, you can run several commands:

  `npm start`
    Starts the development server.

  `npm run build`
    Bundles your website into static files for production.

  `npm run serve`
    Serves the built website locally.

  `npm deploy`
    Publishes the website to GitHub pages.

We recommend that you begin by typing:

  `cd myWeb`
  `npm start`

Happy building awesome websites!

ENTRAR EN LA CARPETA CREADA.

En la consola situada en la carpeta del proyecto escribimos el comando

 cd myWeb

ABRIR PROYECTO EN VSCODE.

En la consola situada en la carpeta del proyecto escribimos el comando

 code .

START YOUR SITE.

ABRIR TERMINAL EN VSCODE.

En la consola situada en la carpeta del proyecto escribimos el comando

 npm start

[INFO] Starting the development server...
[SUCCESS] Docusaurus website is running at: http://localhost:3000/

✔ Client
  Compiled successfully in 15.42s

client (webpack 5.85.0) compiled successfully


docusaurus

2. PUBLICAR PAGINA EN GITHUB-PAGES.


ABRIR EL ARCHIVO

docusaurus.config.js y modificar.

  url: 'https://juamaya.github.io',
  baseUrl: '/myWeb/',
  organizationName: 'juamaya', // Usually your GitHub org/user name.
  projectName: 'myWeb', // Usually your repo name.
  deploymentBranch: 'gh-pages',
  trailingSlash:false,

ABRIR EL TERMINAL EN LA CARPETA DEL PROYECTO EN VSCODE.

En la consola git-bash situada en la carpeta del proyecto escribimos el comando

npm run build  (Crea una carpeta llamada build.)

CREAR REPOSITORIO EN GITHUB (myWeb)

  • INICIAR GIT (Repositorio Local)

En la consola git-bash situada en la carpeta del proyecto escribimos el comando

git init
git add .
git commit -m "first commit"

SUBIR REPOSITORIO A GITHUB (Repositorio Remoto)

En la consola git-bash situada en la carpeta del proyecto escribimos el comando

git branch -M main
git remote add origin https://github.com/juamaya/myWeb.git
git push -u origin main

SUBIR CAMBIOS AL REPOSITORIO A GITHUB

En la consola git-bash situada en la carpeta del proyecto escribimos el comando

git add .
git commit -m "first change"
git push

VER TODOS LOS COMMITS

En la consola git-bash situada en la carpeta del proyecto escribimos el comando

git log --oneline --graph --decorate --all

DEPLOY A GITHUB-PAGES

(crea una rama para el deploy.(gh-pages))

ABRIR EL TERMINAL powershell EN LA CARPETA DEL PROYECTO EN VSCODE.

cmd /C 'set "GIT_USER=juamaya" && npm run deploy'

SUBIR CAMBIOS A GITHUB-PAGES.

ABRIR EL TERMINAL powershell EN LA CARPETA DEL PROYECTO EN VSCODE.

cmd /C 'set "GIT_USER=juamaya" && npm run deploy'

Back to blog