Welcome to the Remix shadcn portfolio. This project serves as a template for building a profesional portfolio using Remix, shadcn, and other popular technologies.
- Server-side rendering with Remix for optimized performance
- Responsive design using Shadcn/UI
- Easy-to-use data fetching and routing mechanisms
- Built-in styling with Tailwind CSS
- Simple navigation and routing setup
- Component-based architecture for reusability
This project is built using the following technologies:
To get started with this project, follow these steps:
-
Clone the repository:
git clone https://github.com/morrisonak/Remix-Shadcn-Portfolio.git cd Remix-Shadcn-Portfolio
-
Install dependencies:
npm install # or yarn install
-
Start the development server:
npm run dev # or yarn dev
After setting up the project, you can begin building your application. The template includes various pre-configured components and layouts to help you get started quickly.
The template is designed to be easily customized through the siteData.ts
file. Here are simple instructions to modify the data:
-
Locate the
siteData.ts
file in theapp/data/
directory of the project. -
Edit the Data: Inside
siteData.ts
, you will find various data structures representing different components of the site (e.g., publications, education, testimonials). Each section is clearly labeled. -
Add or Update Entries: To add a new entry, follow the existing format. To update an entry, modify the relevant fields. Your changes will automatically reflect on the site without further adjustments in the component files.
-
Save and Refresh: After making your changes, save the
siteData.ts
file and refresh your browser to see the updates.
This project is licensed under the MIT License.