Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/milliorn/remix-blog
Blog application built with Remix, a full-stack JavaScript framework for building modern web applications
https://github.com/milliorn/remix-blog
blog css eslint javascript js node node-js nodejs npm prisma prisma-client prisma-studio react remix remix-stack ts tsconfig typescript
Last synced: about 2 months ago
JSON representation
Blog application built with Remix, a full-stack JavaScript framework for building modern web applications
- Host: GitHub
- URL: https://github.com/milliorn/remix-blog
- Owner: milliorn
- Created: 2023-01-31T04:33:59.000Z (almost 2 years ago)
- Default Branch: main
- Last Pushed: 2023-12-06T23:09:54.000Z (12 months ago)
- Last Synced: 2023-12-07T01:53:16.011Z (12 months ago)
- Topics: blog, css, eslint, javascript, js, node, node-js, nodejs, npm, prisma, prisma-client, prisma-studio, react, remix, remix-stack, ts, tsconfig, typescript
- Language: TypeScript
- Homepage:
- Size: 889 KB
- Stars: 1
- Watchers: 2
- Forks: 0
- Open Issues: 3
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Remix Blog
[](https://github.com/milliorn/remix-blog/actions/workflows/github-code-scanning/codeql)
Remix Blog is a blog application built with Remix, a full-stack JavaScript framework for building modern web applications. It utilizes React for the frontend and Node.js for the backend.
## Getting Started
To get started with Remix Blog, follow these steps:
1. Clone the repository to your local machine.
2. Install the project dependencies by running the following command `npm install`
3. Initialize the Prisma database by running the following command `npx prisma db push`
This will initialize the SQLite database for the blog.
4. Seed the database with initial data by running the following command `node prisma/seed`
This will populate the database with sample blog posts.
5. Start the development server by running the following command `npm run dev`
This will start the development server and open the application in your default browser.
## Available Scripts
In the project directory, you can run the following scripts:
- `npm run build`: Builds the Remix application for production.
- `npm run dev`: Starts the Remix development server.
- `npm start`: Serves the built Remix application using remix-serve.
- `npm run typecheck`: Runs TypeScript type checking.
- `npm run lint`: Runs ESLint to lint the source code.
## Dependencies
The Remix Blog project relies on the following dependencies:
- [Remix](https://remix.run/): Full-stack JavaScript framework for building modern web applications.
- [React](https://reactjs.org/): JavaScript library for building user interfaces.
- [Node.js](https://nodejs.org/): JavaScript runtime environment.
- [Prisma](https://www.prisma.io/): Modern database toolkit for Node.js and TypeScript.
For a complete list of dependencies, refer to the `package.json` file.
## Documentation
- Remix: [https://remix.run/docs/en/v1](https://remix.run/docs/en/v1)
- Prisma: [https://www.prisma.io/docs](https://www.prisma.io/docs)
## Contributing
Contributions to the Remix Blog project are welcome! If you'd like to contribute, please follow these guidelines:
1. Fork the repository and create a new branch for your feature or bug fix.
2. Make the necessary changes and commit them.
3. Push your branch to your forked repository.
4. Submit a pull request to the original repository's `main` branch.
Please ensure that your code follows the project's coding style and conventions.
## License
This project is licensed under the [MIT License](LICENSE).
### Github
## Prisma
`npm i prisma @prisma/client`
`npx prisma init --datasource-provider sqlite`
## Prototyping a new schema
`npx prisma db push`
### Run seed.js init
`node prisma/seed`
## Prisma Studio
`npx prisma studio`
## PrismaClient