Develop a production-ready Next.js application named 'Insightly' designed to display live news articles fetched from a news API using a developer API key. The application should feature a visually appealing, minimalistic, and user-friendly interface. The homepage should present news articles, and the application should include a navigation bar with the application logo on the left. Implement a settings section within the navigation bar, offering dark mode functionality and real-time language translation capabilities. The bottom bar should include a search bar for specific news article searches, mirroring the functionality found in production-level websites. The homepage should categorize news articles for filtering. Implement a feature that allows users to filter news articles based on their interests. Enhance the application with additional features that are typically present in production-grade applications to improve user experience and functionality.
Loading...
Loading...
Right now the api key failed error message looks wierd remove it if the api key is not there no need to show the message to the user just show demo data on site. Also do one more thing design a system so that whatever data news api is giving us fetch that all save it and only show this to all the users for a day , because api key has limit so we will save news data every day and show it and then this news api will be called daily automatically from code around 12 times a day after every 2 hrs so total 12 hits per day to api automatically fetching that data saving it and then showing same data for 2 hrs and then fetch again and deleting previous data storing new data and then showing to all user this same data and then repeat the progress and also this limit of daily and every 2 hrs theae values makes it dynamic in code and such that ij can set in env variables myself like process.env. like that but if values are not set then i have told you the values implement this complete functionality . Please implement this