About the Template

Sweetcor is a FREE Full-Stack Blog Application Boilerplate developed using Next.js, Tailwind CSS, CSS Modules, and MongoDB.

The application is designed with simplicity and ease of use in mind, allowing users to create an account and write simple blog posts. However, only the admin has the authority to approve posts to be visible on the blog. Additionally, the admin can update the featured post of the blog.

The application has the potential for significant enhancements, including support for rich text, multiple images, and integration with a CMS. Currently the blog content text is just for presentation purposes and uses dangerouslySetInnerHTML which is not recommended (can lead to security vulnerabilities such as Cross-Site Scripting (XSS)).

Pages

• Home
• Blog
• About
• Dashboard: Admin has extra features
• Login
• Registration

Features

• User Registration: Allows users to create an account.
• Create Blog Posts: Users can write and submit blog posts.
• Admin Approval: Only admin-approved posts are visible to the public.
• Featured Post: Admin can highlight a featured post on the blog homepage.

API Endpoints

The Blog Application uses the following API endpoints to manage all actions:

• addPost: Endpoint for adding a new post.
• approvePost: Endpoint for approving a post.
• auth: Endpoint for user authentication.
• checkAdmin: Endpoint for checking if the user is an admin.
• checkUsers: Endpoint for checking user details.
• editPost: Endpoint for editing a post.
• getFeaturedPost: Endpoint for fetching the featured post.
• getPosts: Endpoint for fetching all posts.
• posts: Endpoint for handling post-related actions.
• register: Endpoint for user registration.
• setFeaturedPost: Endpoint for setting the featured post.
• userExists: Endpoint for checking if a user exists.

Future Enhancements

The Blog Application can be greatly improved by integrating the following features:

• Rich Text Editor: Replace the simple text editor with a rich text editor to support formatting, links, and multimedia.
• Multiple Images: Allow users to upload and insert multiple images within a single post.
• CMS Integration: Integrate with a Content Management System (CMS) like Strapi or Sanity or Contentful for more robust content management.
• Commenting System: Enable users to comment on posts and interact with authors.
• Social Media Sharing: Add social media sharing buttons to increase post visibility.

Styling is done combining both TailwindCSS and CSS Modules. CSS Modules use local scope to avoid style conflicts across different project parts, allowing component-scoped styling.

Get it Now

This Next.js Template is free for now. It is extremely fast, provides an excellent starting point for any blog and it's easily extendable. Future enhancements and personalization can further improve its functionality and user experience.

Need Help?

If you are not a developer or need a helping hand, you can hire me and I will install, setup, customize and publish this template for you.