Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/lukasalvarezdev/remix-blog-stack

Create your own custom blog with one command. Using MDX and Remix
https://github.com/lukasalvarezdev/remix-blog-stack

markdown mdx react remix typescipt typescript

Last synced: 3 months ago
JSON representation

Create your own custom blog with one command. Using MDX and Remix

Awesome Lists containing this project

README

        

# Remix blog stack by Lukas Alvarez!

See it live: https://lukasalvarez.com

Learn more about [Remix Stacks](https://remix.run/docs/en/main/guides/templates#stacks).

```shellscript
npx create-remix@latest --template lukasalvarezdev/remix-blog-stack
```

## What's in the stack

- [GitHub Actions](https://github.com/features/actions) for CI/CD
- Markdown support with [MDX](https://mdxjs.com/)
- MDX bundling with code-highlighting and frontmatter parsing with
[MDX Bundler](https://github.com/kentcdodds/mdx-bundler)
- Styling with [Tailwind](https://tailwindcss.com/)
- Unit testing with [Vitest](https://vitest.dev) and
[Testing Library](https://testing-library.com)
- Code Formatting with [Prettier](https://prettier.io/)
- Code Linting with [ESLint](https://eslint.org/)
- Static Types with [TypeScript](https://typescriptlang.org)

## Development

Make sure the dependencies are installed

```sh
npm run install
```

Afterwards, start the Remix development server like so:

```sh
npm run dev
```

Open up [http://localhost:3000](http://localhost:3000) and you should be ready to go!

Go to localhost:3000/books and you should see a list of posts. You can add more posts by
creating a new MDX file in the `app/content` directory.