First, run the development server:
npm run devOpen http://localhost:3000 with your browser to see the result.
- gray-matter : allows us to parse the formatter section and the content section from a content string
- markdown-it : pkg can convert markdown into HTML
- typography : plugin that makes md translation "pretty"
- tailwindcss : tailwind css is a utility-first CSS framework packed with classes that can be composed to build any design, directly in your markup
- eslint : a static code analysis tool for identifying problematic patterns found in JavaScript code
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.
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 installNext, you'll need to create a .env.local file with the following environment variables:
DATABASE_URL=your_database_url_hereYou can then start the development server:
npm run devAnd visit http://localhost:3000 in your web browser to see the application.
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!
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.