https://github.com/iamsjunaid/next_blogs
This project is a comprehensive course platform built with Next.js, leveraging the power of React for building user interfaces and MongoDB for database management. It also uses gray-matter for parsing front-matter from markdown files, react-markdown for rendering markdown content, and react-syntax-highlighter for syntax highlighting in markdown.
https://github.com/iamsjunaid/next_blogs
gray-matter javascript mongodb nextjs react-markdown react-syntax-highlighter reactjs
Last synced: 6 months ago
JSON representation
This project is a comprehensive course platform built with Next.js, leveraging the power of React for building user interfaces and MongoDB for database management. It also uses gray-matter for parsing front-matter from markdown files, react-markdown for rendering markdown content, and react-syntax-highlighter for syntax highlighting in markdown.
- Host: GitHub
- URL: https://github.com/iamsjunaid/next_blogs
- Owner: iamsjunaid
- License: mit
- Created: 2024-07-21T13:41:38.000Z (over 1 year ago)
- Default Branch: dev
- Last Pushed: 2024-07-29T15:09:58.000Z (over 1 year ago)
- Last Synced: 2025-01-13T14:52:54.623Z (about 1 year ago)
- Topics: gray-matter, javascript, mongodb, nextjs, react-markdown, react-syntax-highlighter, reactjs
- Language: JavaScript
- Homepage: https://next-blogs-zeta-five.vercel.app/
- Size: 4.6 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Next Blog
Leveraging the power of NextJS & React for building user interfaces and MongoDB for database management. It also uses gray-matter for parsing front-matter from markdown files, react-markdown for rendering markdown content, and react-syntax-highlighter for syntax highlighting in markdown.
## Features
- **Next.js**: Server-side rendering and static site generation.
- **React**: Building dynamic user interfaces.
- **MongoDB**: Efficient data storage and retrieval.
- **gray-matter**: Parsing front-matter from markdown files.
- **react-markdown**: Rendering markdown as React components.
- **react-syntax-highlighter**: Syntax highlighting for code blocks in markdown.
## Getting Started
To get started with this project, clone the repository and install the dependencies.
```bash
git clone https://github.com/iamsjunaid/next_blogs
cd nextjs-course
npm install
```
## Available Scripts
In this project, you will need to setup your environment variables. Create a .env.local file in the root of your project and add the following environment variables:
```bash
MONGODB_URI=your_mongodb_uri
```
Then you can run:
```bash
npm run dev
```
Runs the app in development mode. Open http://localhost:3000 to view it in the browser. The page will reload if you make edits.
```bash
npm run build
```
Builds the app for production to the .next folder. It correctly bundles React in production mode and optimizes the build for the best performance.
```bash
npm run start
```
Starts the application in production mode. The application should be compiled with npm run build first.
## Dependencies
- **gray-matter**: Parses front-matter from markdown files.
- **mongodb**: MongoDB driver for Node.js.
- **next**: The React Framework for production.
- **react**: A JavaScript library for building user interfaces.
- **react-dom**: Serves as the entry point to the DOM and server renderers for React.
- **react-markdown**: Renders markdown as React components.
- **react-syntax-highlighter**: Syntax highlighting component for React.
## GitHub and Live Links
- **GitHub Repository**: [https://github.com/iamsjunaid/next_blogs](https://github.com/iamsjunaid/next_blogs)
- **Live Demo**: [https://next-blogs-zeta-five.vercel.app/](https://nextjs-course-platform.example.com)
## Contributing
Contributions are welcome! Please feel free to submit a pull request.
## License
This project is open source and available under the MIT License.