Skip to content

Commit 8a9a782

Browse files
nikohoffrennikohoffren
committed
add more AI Tools information
1 parent db57b85 commit 8a9a782

2 files changed

Lines changed: 163 additions & 1 deletion

File tree

‎components/ai/AIContent.tsx‎

Lines changed: 104 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -221,6 +221,106 @@ const AIContent = () => {
221221
}
222222
]
223223

224+
const aiDevelopmentFrameworks = [
225+
{
226+
name: 'LangChain',
227+
description:
228+
'A framework for developing applications powered by language models, making it easier to build complex AI applications.',
229+
features: [
230+
'Chain-based architecture',
231+
'Multiple model integrations',
232+
'Memory management',
233+
'Agent-based systems',
234+
'Document processing'
235+
],
236+
link: 'https://www.langchain.com'
237+
},
238+
{
239+
name: 'LlamaIndex',
240+
description:
241+
'A data framework for LLM applications, providing tools to connect custom data sources to large language models.',
242+
features: [
243+
'Data connectors',
244+
'Query engines',
245+
'Document processing',
246+
'Vector storage',
247+
'Retrieval augmentation'
248+
],
249+
link: 'https://www.llamaindex.ai'
250+
},
251+
{
252+
name: 'Hugging Face Transformers',
253+
description:
254+
'A popular library for state-of-the-art machine learning, providing thousands of pre-trained models.',
255+
features: [
256+
'Extensive model library',
257+
'Easy model fine-tuning',
258+
'Multiple framework support',
259+
'Model sharing platform',
260+
'Community-driven development'
261+
],
262+
link: 'https://huggingface.co/transformers'
263+
}
264+
]
265+
266+
const aiTestingTools = [
267+
{
268+
name: 'DeepEval',
269+
description:
270+
'A framework for evaluating LLM applications, providing metrics and tools for testing AI systems.',
271+
features: [
272+
'Multiple evaluation metrics',
273+
'Automated testing',
274+
'CI/CD integration',
275+
'Custom test cases',
276+
'Performance monitoring'
277+
],
278+
link: 'https://deepeval.ai'
279+
},
280+
{
281+
name: 'LangSmith',
282+
description:
283+
'A platform for debugging, testing, and monitoring LLM applications.',
284+
features: [
285+
'Tracing and debugging',
286+
'Performance analytics',
287+
'Prompt management',
288+
'Team collaboration',
289+
'Production monitoring'
290+
],
291+
link: 'https://smith.langchain.com'
292+
}
293+
]
294+
295+
const aiDeploymentPlatforms = [
296+
{
297+
name: 'Vercel AI SDK',
298+
description:
299+
'A toolkit for building AI-powered applications with streaming, edge functions, and more.',
300+
features: [
301+
'Streaming responses',
302+
'Edge deployment',
303+
'Multiple model support',
304+
'TypeScript support',
305+
'Easy integration'
306+
],
307+
link: 'https://sdk.vercel.ai'
308+
},
309+
{
310+
name: 'Modal',
311+
description:
312+
'A platform for running AI models and applications in the cloud with simple Python APIs.',
313+
features: [
314+
'Serverless deployment',
315+
'GPU acceleration',
316+
'Simple Python API',
317+
'Automatic scaling',
318+
'Cost optimization'
319+
],
320+
link: 'https://modal.com'
321+
}
322+
]
323+
224324
const renderSection = (title: string, items: any[]) => (
225325
<div className='mb-12'>
226326
<h2 className='mb-6 text-3xl font-bold'>{title}</h2>
@@ -254,11 +354,14 @@ const AIContent = () => {
254354
)
255355

256356
return (
257-
<div className='container mx-auto px-4 py-8'>
357+
<div className='space-y-12'>
258358
{renderSection('AI Code Editors', aiCodeEditors)}
259359
{renderSection('AI Coding Assistants', aiCodingAssistants)}
260360
{renderSection('Local AI Platforms', localAIPlatforms)}
261361
{renderSection('AI Models', aiModels)}
362+
{renderSection('AI Development Frameworks', aiDevelopmentFrameworks)}
363+
{renderSection('AI Testing Tools', aiTestingTools)}
364+
{renderSection('AI Deployment Platforms', aiDeploymentPlatforms)}
262365
</div>
263366
)
264367
}

‎pages/ai/ai.tsx‎

Lines changed: 59 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -126,6 +126,65 @@ export default function AI() {
126126
</div>
127127
</motion.div>
128128
</motion.div>
129+
130+
<motion.div
131+
variants={container}
132+
initial='hidden'
133+
animate='show'
134+
className='mt-16 flex justify-center'
135+
>
136+
<motion.div variants={item} className='w-full max-w-4xl'>
137+
<div className='rounded-lg bg-gray-50 p-8 shadow-sm'>
138+
<h2 className='mb-6 text-2xl font-bold text-gray-900'>
139+
AI Development Learning Resources
140+
</h2>
141+
<div className='grid gap-6 sm:grid-cols-2'>
142+
<div>
143+
<h3 className='mb-4 text-xl font-semibold text-gray-800'>Online Courses</h3>
144+
<ul className='space-y-3 text-gray-600'>
145+
<li className='flex items-start'>
146+
<svg className='mr-2 h-6 w-6 flex-shrink-0 text-modern-purple' fill='none' viewBox='0 0 24 24' stroke='currentColor'>
147+
<path strokeLinecap='round' strokeLinejoin='round' strokeWidth={2} d='M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z' />
148+
</svg>
149+
<a href='https://www.deeplearning.ai' target='_blank' rel='noopener noreferrer' className='hover:text-modern-purple'>
150+
DeepLearning.AI
151+
</a>
152+
</li>
153+
<li className='flex items-start'>
154+
<svg className='mr-2 h-6 w-6 flex-shrink-0 text-modern-purple' fill='none' viewBox='0 0 24 24' stroke='currentColor'>
155+
<path strokeLinecap='round' strokeLinejoin='round' strokeWidth={2} d='M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z' />
156+
</svg>
157+
<a href='https://www.fast.ai' target='_blank' rel='noopener noreferrer' className='hover:text-modern-purple'>
158+
Fast.ai
159+
</a>
160+
</li>
161+
</ul>
162+
</div>
163+
<div>
164+
<h3 className='mb-4 text-xl font-semibold text-gray-800'>Documentation & Guides</h3>
165+
<ul className='space-y-3 text-gray-600'>
166+
<li className='flex items-start'>
167+
<svg className='mr-2 h-6 w-6 flex-shrink-0 text-modern-purple' fill='none' viewBox='0 0 24 24' stroke='currentColor'>
168+
<path strokeLinecap='round' strokeLinejoin='round' strokeWidth={2} d='M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z' />
169+
</svg>
170+
<a href='https://huggingface.co/docs' target='_blank' rel='noopener noreferrer' className='hover:text-modern-purple'>
171+
Hugging Face Documentation
172+
</a>
173+
</li>
174+
<li className='flex items-start'>
175+
<svg className='mr-2 h-6 w-6 flex-shrink-0 text-modern-purple' fill='none' viewBox='0 0 24 24' stroke='currentColor'>
176+
<path strokeLinecap='round' strokeLinejoin='round' strokeWidth={2} d='M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z' />
177+
</svg>
178+
<a href='https://langchain.readthedocs.io' target='_blank' rel='noopener noreferrer' className='hover:text-modern-purple'>
179+
LangChain Documentation
180+
</a>
181+
</li>
182+
</ul>
183+
</div>
184+
</div>
185+
</div>
186+
</motion.div>
187+
</motion.div>
129188
</div>
130189
</div>
131190
</div>

0 commit comments

Comments
 (0)