Сайты, которые впечатляют.

const app = createApp({ mode: 'production', hydrate: true }); export default app; // const app = createApp({ mode: 'production', hydrate: true }); export default app; // const app = createApp({ mode: 'production', hydrate: true }); export default app;

fetch('/api/projects').then((res) => res.json()).then(renderPortfolio).catch(handleError); // fetch('/api/projects').then((res) => res.json()).then(renderPortfolio).catch(handleError); // fetch('/api/projects').then((res) => res.json()).then(renderPortfolio).catch(handleError);

grid-template-columns: repeat(12, minmax(0, 1fr)); gap: clamp(12px, 2vw, 28px); // grid-template-columns: repeat(12, minmax(0, 1fr)); gap: clamp(12px, 2vw, 28px); // grid-template-columns: repeat(12, minmax(0, 1fr)); gap: clamp(12px, 2vw, 28px);

router.beforeEach((to, from, next) => (to.meta.auth ? isLoggedIn() : true) ? next() : next('/login')); // router.beforeEach((to, from, next) => (to.meta.auth ? isLoggedIn() : true) ? next() : next('/login')); // router.beforeEach((to, from, next) => (to.meta.auth ? isLoggedIn() : true) ? next() : next('/login'));

useEffect(() => { const id = requestAnimationFrame(tick); return () => cancelAnimationFrame(id) }, [tick]); // useEffect(() => { const id = requestAnimationFrame(tick); return () => cancelAnimationFrame(id) }, [tick]); // useEffect(() => { const id = requestAnimationFrame(tick); return () => cancelAnimationFrame(id) }, [tick]);

<section aria-label='Work'><Card title='Case Study' tech={['React', 'TypeScript', 'Framer']} /></section> // <section aria-label='Work'><Card title='Case Study' tech={['React', 'TypeScript', 'Framer']} /></section> // <section aria-label='Work'><Card title='Case Study' tech={['React', 'TypeScript', 'Framer']} /></section>

const palette = { bg: '#000', accent: '#70EFDC', text: 'rgba(255,255,255,.9)' }; // const palette = { bg: '#000', accent: '#70EFDC', text: 'rgba(255,255,255,.9)' }; // const palette = { bg: '#000', accent: '#70EFDC', text: 'rgba(255,255,255,.9)' };

npm run build && npm run deploy -- --target=production --site=gproject-pro // npm run build && npm run deploy -- --target=production --site=gproject-pro // npm run build && npm run deploy -- --target=production --site=gproject-pro

const app = createApp({ mode: 'production', hydrate: true }); export default app; // const app = createApp({ mode: 'production', hydrate: true }); export default app; // const app = createApp({ mode: 'production', hydrate: true }); export default app;

fetch('/api/projects').then((res) => res.json()).then(renderPortfolio).catch(handleError); // fetch('/api/projects').then((res) => res.json()).then(renderPortfolio).catch(handleError); // fetch('/api/projects').then((res) => res.json()).then(renderPortfolio).catch(handleError);

grid-template-columns: repeat(12, minmax(0, 1fr)); gap: clamp(12px, 2vw, 28px); // grid-template-columns: repeat(12, minmax(0, 1fr)); gap: clamp(12px, 2vw, 28px); // grid-template-columns: repeat(12, minmax(0, 1fr)); gap: clamp(12px, 2vw, 28px);

router.beforeEach((to, from, next) => (to.meta.auth ? isLoggedIn() : true) ? next() : next('/login')); // router.beforeEach((to, from, next) => (to.meta.auth ? isLoggedIn() : true) ? next() : next('/login')); // router.beforeEach((to, from, next) => (to.meta.auth ? isLoggedIn() : true) ? next() : next('/login'));

useEffect(() => { const id = requestAnimationFrame(tick); return () => cancelAnimationFrame(id) }, [tick]); // useEffect(() => { const id = requestAnimationFrame(tick); return () => cancelAnimationFrame(id) }, [tick]); // useEffect(() => { const id = requestAnimationFrame(tick); return () => cancelAnimationFrame(id) }, [tick]);

<section aria-label='Work'><Card title='Case Study' tech={['React', 'TypeScript', 'Framer']} /></section> // <section aria-label='Work'><Card title='Case Study' tech={['React', 'TypeScript', 'Framer']} /></section> // <section aria-label='Work'><Card title='Case Study' tech={['React', 'TypeScript', 'Framer']} /></section>