Welcome to ANAS, a Next.js blog website styled with Chakra UI and validated with Yup and Formik. This README file provides a guide to help you navigate and understand the structure and functionality of the website.
To get started with ANAS, follow these steps:
- Clone the repository to your local machine.
- Install the required dependencies using
npm install. - Start the development server using
npm run dev. - Open your browser and navigate to
http://localhost:3000.
The ANAS website features a navigation bar that allows you to easily access different pages. The navigation bar includes the ANAS logo that can direct you to the home page and the following links:
- Blog: Clicking on this link will take you to the home page that displays all the blog posts.
- New Blog: This button will direct you to the form page where you can add a new blog post.
The home page of ANAS displays a list of all the blog posts. Each post is represented by an author and a title and a brief summary. To view the full details of a specific post, click directly on it.
When you click on a blog post at the home page, you will be directed to the post details page. This page provides in-depth information about the selected blog post, including the title, author, content, and Comments. From here, you can read the full blog post and read any available comments.
To add a new blog post to ANAS, follow these steps:
- Click on the "New Blog" button in the navigation bar.
- You will be redirected to the form page, where you can enter the details of your new blog post.
- Fill in the required fields, such as the title, author, and content of the blog post.
- Once you have entered all the necessary information, click on the "Submit" button to add the post.
- The new blog post will now be visible on the home page.
That's it! You now have a basic understanding of how to use ANAS, a Next.js blog website. Feel free to explore more features and functionalities of the website and make the most out of your blogging experience. Happy blogging!