Skip to content

Commit dd95a49

Browse files
monicasmith463monicasmith463
committed
Add frontend boilerplate (bypass hooks)
1 parent d002066 commit dd95a49

File tree

287 files changed

+19853
-0
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

287 files changed

+19853
-0
lines changed

‎frontend/.eslintrc.json‎

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,3 @@
1+
{
2+
"extends": "next/core-web-vitals"
3+
}

‎frontend/.gitignore‎

Lines changed: 37 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,37 @@
1+
# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
2+
3+
# dependencies
4+
/.idea
5+
/node_modules
6+
/.pnp
7+
.pnp.js
8+
.yarn/install-state.gz
9+
10+
# testing
11+
/coverage
12+
13+
# next.js
14+
/.next/
15+
/out/
16+
17+
# production
18+
/build
19+
20+
# misc
21+
.DS_Store
22+
*.pem
23+
24+
# debug
25+
npm-debug.log*
26+
yarn-debug.log*
27+
yarn-error.log*
28+
29+
# local env files
30+
.env*.local
31+
32+
# vercel
33+
.vercel
34+
35+
# typescript
36+
*.tsbuildinfo
37+
next-env.d.ts

‎frontend/LICENSE‎

Lines changed: 21 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,21 @@
1+
MIT License
2+
3+
Copyright (c) 2023 TailAdmin
4+
5+
Permission is hereby granted, free of charge, to any person obtaining a copy
6+
of this software and associated documentation files (the "Software"), to deal
7+
in the Software without restriction, including without limitation the rights
8+
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
9+
copies of the Software, and to permit persons to whom the Software is
10+
furnished to do so, subject to the following conditions:
11+
12+
The above copyright notice and this permission notice shall be included in all
13+
copies or substantial portions of the Software.
14+
15+
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16+
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17+
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18+
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19+
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20+
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21+
SOFTWARE.

‎frontend/README.md‎

Lines changed: 173 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,173 @@
1+
# TailAdmin Next.js - Free Next.js Tailwind Admin Dashboard Template
2+
3+
TailAdmin is a free and open-source admin dashboard template built on **Next.js and Tailwind CSS** providing developers with everything they need to create a feature-rich and data-driven: back-end, dashboard, or admin panel solution for any sort of web project.
4+
5+
![TailAdmin - Next.js Dashboard Preview](./banner.png)
6+
7+
With TailAdmin Next.js, you get access to all the necessary dashboard UI components, elements, and pages required to build a high-quality and complete dashboard or admin panel. Whether you're building a dashboard or admin panel for a complex web application or a simple website.
8+
9+
TailAdmin utilizes the powerful features of **Next.js 15** and common features of Next.js such as server-side rendering (SSR), static site generation (SSG), and seamless API route integration. Combined with the advancements of **React 19** and the robustness of **TypeScript**, TailAdmin is the perfect solution to help get your project up and running quickly.
10+
11+
## Overview
12+
13+
TailAdmin provides essential UI components and layouts for building feature-rich, data-driven admin dashboards and control panels. It's built on:
14+
15+
- Next.js 15.x
16+
- React 19
17+
- TypeScript
18+
- Tailwind CSS V4
19+
20+
### Quick Links
21+
- [✨ Visit Website](https://tailadmin.com)
22+
- [📄 Documentation](https://tailadmin.com/docs)
23+
- [⬇️ Download](https://tailadmin.com/download)
24+
- [🖌️ Figma Design File (Community Edition)](https://www.figma.com/community/file/1463141366275764364)
25+
- [⚡ Get PRO Version](https://tailadmin.com/pricing)
26+
27+
### Demos
28+
- [Free Version](https://nextjs-free-demo.tailadmin.com)
29+
- [Pro Version](https://nextjs-demo.tailadmin.com)
30+
31+
### Other Versions
32+
- [HTML Version](https://github.com/TailAdmin/tailadmin-free-tailwind-dashboard-template)
33+
- [React Version](https://github.com/TailAdmin/free-react-tailwind-admin-dashboard)
34+
- [Vue.js Version](https://github.com/TailAdmin/vue-tailwind-admin-dashboard)
35+
36+
## Installation
37+
38+
### Prerequisites
39+
To get started with TailAdmin, ensure you have the following prerequisites installed and set up:
40+
41+
- Node.js 18.x or later (recommended to use Node.js 20.x or later)
42+
43+
### Cloning the Repository
44+
Clone the repository using the following command:
45+
46+
```bash
47+
git clone https://github.com/TailAdmin/free-nextjs-admin-dashboard.git
48+
```
49+
50+
> Windows Users: place the repository near the root of your drive if you face issues while cloning.
51+
52+
1. Install dependencies:
53+
```bash
54+
npm install
55+
# or
56+
yarn install
57+
```
58+
> Use `--legacy-peer-deps` flag if you face peer-dependency error during installation.
59+
60+
2. Start the development server:
61+
```bash
62+
npm run dev
63+
# or
64+
yarn dev
65+
```
66+
67+
## Components
68+
69+
TailAdmin is a pre-designed starting point for building a web-based dashboard using Next.js and Tailwind CSS. The template includes:
70+
71+
- Sophisticated and accessible sidebar
72+
- Data visualization components
73+
- Profile management and custom 404 page
74+
- Tables and Charts(Line and Bar)
75+
- Authentication forms and input elements
76+
- Alerts, Dropdowns, Modals, Buttons and more
77+
- Can't forget Dark Mode 🕶️
78+
79+
All components are built with React and styled using Tailwind CSS for easy customization.
80+
81+
## Feature Comparison
82+
83+
### Free Version
84+
- 1 Unique Dashboard
85+
- 30+ dashboard components
86+
- 50+ UI elements
87+
- Basic Figma design files
88+
- Community support
89+
90+
### Pro Version
91+
- 5 Unique Dashboards: Analytics, Ecommerce, Marketing, CRM, Stocks (more coming soon)
92+
- 400+ dashboard components and UI elements
93+
- Complete Figma design file
94+
- Email support
95+
96+
To learn more about pro version features and pricing, visit our [pricing page](https://tailadmin.com/pricing).
97+
98+
## Changelog
99+
100+
### Version 2.0.2 - [March 25, 2025]
101+
102+
- Upgraded to Next v15.2.3 for [CVE-2025-29927](https://nextjs.org/blog/cve-2025-29927) concerns
103+
- Included overrides vectormap for packages to prevent peer dependency errors during installation.
104+
- Migrated from react-flatpickr to flatpickr package for React 19 support
105+
106+
### Version 2.0.1 - [February 27, 2025]
107+
108+
#### Update Overview
109+
110+
- Upgraded to Tailwind CSS v4 for better performance and efficiency.
111+
- Updated class usage to match the latest syntax and features.
112+
- Replaced deprecated class and optimized styles.
113+
114+
#### Next Steps
115+
116+
- Run npm install or yarn install to update dependencies.
117+
- Check for any style changes or compatibility issues.
118+
- Refer to the Tailwind CSS v4 [Migration Guide](https://tailwindcss.com/docs/upgrade-guide) on this release. if needed.
119+
- This update keeps the project up to date with the latest Tailwind improvements. 🚀
120+
121+
### v2.0.0 (February 2025)
122+
A major update focused on Next.js 15 implementation and comprehensive redesign.
123+
124+
#### Major Improvements
125+
- Complete redesign using Next.js 15 App Router and React Server Components
126+
- Enhanced user interface with Next.js-optimized components
127+
- Improved responsiveness and accessibility
128+
- New features including collapsible sidebar, chat screens, and calendar
129+
- Redesigned authentication using Next.js App Router and server actions
130+
- Updated data visualization using ApexCharts for React
131+
132+
#### Breaking Changes
133+
134+
- Migrated from Next.js 14 to Next.js 15
135+
- Chart components now use ApexCharts for React
136+
- Authentication flow updated to use Server Actions and middleware
137+
138+
[Read more](https://tailadmin.com/docs/update-logs/nextjs) on this release.
139+
140+
#### Breaking Changes
141+
- Migrated from Next.js 14 to Next.js 15
142+
- Chart components now use ApexCharts for React
143+
- Authentication flow updated to use Server Actions and middleware
144+
145+
### v1.3.4 (July 01, 2024)
146+
- Fixed JSvectormap rendering issues
147+
148+
### v1.3.3 (June 20, 2024)
149+
- Fixed build error related to Loader component
150+
151+
### v1.3.2 (June 19, 2024)
152+
- Added ClickOutside component for dropdown menus
153+
- Refactored sidebar components
154+
- Updated Jsvectormap package
155+
156+
### v1.3.1 (Feb 12, 2024)
157+
- Fixed layout naming consistency
158+
- Updated styles
159+
160+
### v1.3.0 (Feb 05, 2024)
161+
- Upgraded to Next.js 14
162+
- Added Flatpickr integration
163+
- Improved form elements
164+
- Enhanced multiselect functionality
165+
- Added default layout component
166+
167+
## License
168+
169+
TailAdmin Next.js Free Version is released under the MIT License.
170+
171+
## Support
172+
173+
If you find this project helpful, please consider giving it a star on GitHub. Your support helps us continue developing and maintaining this template.

‎frontend/banner.png‎

1.36 MB
Loading

‎frontend/eslint.config.mjs‎

Lines changed: 16 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,16 @@
1+
import { dirname } from "path";
2+
import { fileURLToPath } from "url";
3+
import { FlatCompat } from "@eslint/eslintrc";
4+
5+
const __filename = fileURLToPath(import.meta.url);
6+
const __dirname = dirname(__filename);
7+
8+
const compat = new FlatCompat({
9+
baseDirectory: __dirname,
10+
});
11+
12+
const eslintConfig = [
13+
...compat.extends("next/core-web-vitals", "next/typescript"),
14+
];
15+
16+
export default eslintConfig;

‎frontend/jsvectormap.d.ts‎

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,4 @@
1+
declare module 'jsvectormap' {
2+
const jsVectorMap: any;
3+
export default jsVectorMap;
4+
}

‎frontend/next.config.ts‎

Lines changed: 14 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,14 @@
1+
import type { NextConfig } from "next";
2+
3+
const nextConfig: NextConfig = {
4+
/* config options here */
5+
webpack(config) {
6+
config.module.rules.push({
7+
test: /\.svg$/,
8+
use: ["@svgr/webpack"],
9+
});
10+
return config;
11+
},
12+
};
13+
14+
export default nextConfig;

0 commit comments

Comments
 (0)