ben40d9/next-blog

a blog site (written in markdown) powered by next.js

a blog site (written in markdown) powered by next.js

First, run the development server:

npm run dev

Open http://localhost:3000 with your browser to see the result.

dependencies & devDependencies

1. gray-matter : allows us to parse the formatter section and the content section from a content string
   
2. markdown-it : pkg can convert markdown into HTML
   
3. typography : plugin that makes md translation "pretty"
   
4. tailwindcss : tailwind css is a utility-first CSS framework packed with classes that can be composed to build any design, directly in your markup
   
5. eslint : a static code analysis tool for identifying problematic patterns found in JavaScript code
   

next blog

Next-Blog is a simple blogging application built with Next.js, a popular React framework for building server-side rendered (SSR) applications. It is designed to be easy to use and to get started with blogging quickly.

Getting Started

To get started with Next-Blog, you'll need to have Node.js and npm installed on your computer. Once you have those installed, you can clone the repository and install the dependencies:

git clone https://github.com/ben40d9/next-blog.git
cd next-blog
npm install

Next, you'll need to create a .env.local file with the following environment variables:

DATABASE_URL=your_database_url_here

You can then start the development server:

npm run dev

And visit http://localhost:3000 in your web browser to see the application.

Features

Next-Blog comes with the following features:

Server-side rendering for fast page loads and better SEO Markdown support for writing blog posts Code syntax highlighting using Prism.js Integration with Google Analytics for tracking page views Simple and easy-to-use interface for writing and publishing blog posts Contributing If you find a bug or have a feature request, please open an issue on the GitHub repository. Pull requests are also welcome!

License

Next-Blog is licensed under the MIT License. Feel free to use this code for your own projects or modify it to suit your needs.