// server/main.js
import { Meteor } from 'meteor/meteor';
import { LinksCollection } from '/imports/api/links';
function insertLink({ title, url }) {
LinksCollection.insert({title, url, createdAt: new Date()});
}
Meteor.startup(() => {
// If the Links collection is empty, add some data.
if (LinksCollection.find().count() === 0) {
insertLink({
title: 'W3Schools.com',
url: 'https://www.w3schools.com',
});
insertLink({
title: 'NodeJS Tutorial',
url: 'https://www.w3schools.com/nodejs',
});
insertLink({
title: 'TypeScript Tutorial',
url: 'https://www.w3schools.com/typescript',
});
}
});
// imports/api/links.js
import { Mongo } from 'meteor/mongo';
export const LinksCollection = new Mongo.Collection('links');
// imports/ui/App.jsx
import React from 'react';
import { useTracker } from 'meteor/react-meteor-data';
import { LinksCollection } from '/imports/api/links';
export const App = () => {
const links = useTracker(() => LinksCollection.find().fetch());
return (
<div>
<h1>Welcome to Meteor!</h1>
<h2>Links</h2>
<ul>
{links.map(link => (
<li key={link._id}>
<a href={link.url} target="_blank">{link.title}</a>
</li>
))}
</ul>
</div>
);
};