CristhGunners

Getting started

Run the following command on your local environment:

git clone --depth=1 https://github.com/CristhGunners/cristhgunners.github.io.git my-project-name
cd my-project-name
bun install

Then, you can run locally in development mode with live reload:

bun run dev

Open http://localhost:3000 with your favorite browser to see your project.

.
├── _posts            # Your blog posts
├── public            # Static files
│   ├── assets
│   │   └── images
│   │       └── posts # Images used in your blog posts
└── src
    ├── pages         # Next.js pages
    ├── styles        # Your blog CSS files
    └── templates     # Blog templates

Customization

You can easily configure Next js Boilerplate. Please change the following file:

• public/apple-touch-icon.png, public/favicon.ico, public/favicon-16x16.png and public/favicon-32x32.png: your blog favicon, you can generate from https://favicon.io/favicon-converter/
• public/assets/images/logo.png, public/assets/images/logo-32x32.png: your blog logo
• src/styles/main.css: your blog CSS file using Tailwind CSS
• src/utils/Config.ts: configuration file like blog name, url, etc.
• src/templates/Main.tsx: blog theme

Deploy to production

You can see the results locally in production mode with:

$ bun run build
$ bun run start

The generated HTML and CSS files are minified (built-in feature from Next js). It will also removed unused CSS from Tailwind CSS.

You can create an optimized production build with:

bun run build-prod

Now, your blog is ready to be deployed. All generated files are located at out folder, which you can deploy with any hosting service.