Появилась такая идея, нашел проект готового интернет-магазина https://redq.io/pickbazar на основе стека, который используется на freecode.academy.
Суть идеи в чем можно взять этот проект и если он действительно подходит для обучения, можно сделать ряд практических видео уроков, как создать интернет-магазин с нуля. С полным раскладом и практическими заданиями по всем технологиям, котороые там используются для более глубокого изучения.
На мой взгляд для практического освоения материала, может получиться хороший обучающий материал плюс мы сделаем реальный проект, который можно разместить в портфолио и будем понимать, как делаются подобные проекты. Сразу скажу, что суть не в том, чтобы просто развернуть и за деплоить проект, а именно разобрать из чего он состоит и как связаны между собой эти технологии в этом проекте и научится их использовать на практике. Думаю в будущем - это существенно упростит понимание работы с другими проектами на этих технологиях.
Колян посмотри, может быть получится из этого сделать что-то интересное в любом случае тебе решать, так как кроме тебя сейчас никто не потянет такой формат обучения. Может я конечно заблуждаюсь, но с нуля в самом freecode.academy пока сложно ориентироваться, возможно с этим проектом будет проще, так как там будет структура и количество зависимостей гораздо меньше, а значит и понять, как работают технологии будет гораздо проще.
В их FAQ написано:
Can I use this template For Next Js learning or GraphQL learning ?
Yes, You can use this template for your Learning process. The coding structure is made easy for our customers. We also provided some built in components to our customers for easy understanding
Олег, на будущее: не присылай в предложения ничего, на что нет исходников :)
То есть предложения - это хорошо. Но ты сейчас предлагаешь что? Купить кота в мешке левый шаблон за $29 на темплейтмонстр и пытаться его прикрутить к нексту? Это как купить обвес для машины и пытаться собрать свою конфетку из произвольного металлолома с заднего двора :) Шансы примерно равные (может получится, но скорее всего нет). Это же только фронт. Даже если он в поряде и в целом годится, для полноценной реализации придется дописывать бэк.
>> Yes, You can use this template for your Learning process. The coding structure is made easy for our customers. We also provided some built in components to our customers for easy understanding
Мало ли чего там написали маркетологи ;-)
Ты можешь попробовать, конечно, но вряд ли там тебе будут много чего объяснять. А то, что у них там перечислены технологии, которые и я использую (повторюсь, это не мои технологии, а технологии, которые в том числе и использую я) - так это популярные фронтовые технологии и их много кто сейчас использует. Только вот использовать их можно по-разному, и не всегда удачно. И не имея перед глазами исходников, ничего сказать нельзя.
Стоит он не так много можно и купить. Вопрос не в этом, вопрос в предложеном формате обучения. Насколько я понимаю там и фронт и бек вместе, так как это же сделано на nextJs и сделана связка с graphQl в том числе я так понял есть конектор для rest api и даже используетсяTypeScript, как ты любишьi.
Даже если он в поряде и в целом годится, для полноценной реализации придется дописывать бэк.
Что там нужно дописывать? Мы с тобой, как раз и обсуждали, что nextJs - это фраймворк, который позволяет работать в том числе и с беком из фронта. Плюс если ты посмотришь внимательно там есть админка на тех же технологиях, плюс чекаут, каталог, верстка, авторизация и все остальное получается это по сути готовый магазин на nextJs насколько я понимаю. Вопрос не в том, чтобы взять его и полностью переписать, а в том чтобы взять простую болванку и понять, как она работает.
Короче я предложил ты думай интересно или нет, если считаешь, что идея мертвая значит забыли.
>> Насколько я понимаю там и фронт и бек вместе, так как это же сделано на nextJs и сделана связка с graphQl в том числе я так понял есть конектор для rest api и даже используетсяTypeScript
NextJS - это только движок веб-сервера. Он в базу данных никак не лезет. А как ты наверно понимаешь, данные должны храниться в базе данных.
GraphQL - это всего-лишь язык запросов (по большей степени). Он тоже про базу данных ничего не знает.
Rest API к GraphQL никакого отношения не имеет. То есть или одно или другое. Это они тебе такой маркетинговый ход дают: "юзай что хочешь!:)" (читай "***сь как хочешь и с чем хочешь").
А TypeScript - так вообще просто обертка поверх языка, помощник в IDE. Никакого участия в транспортировке данных не принимает.
А то, что ты что-то видишь в демке, какие-то там запросы, так знай, что есть такие вещи, как mock-сервера, как тот же msw. Если его заюзать, так ты в браузере даже в мониторе сети будешь видеть запросы, как настоящие, а на самом деле окажется, что это все имитация.
В общем да, считаю, что эта идея мертвая, потому что это не формочку слепить, а интернет-магазин сделать. И даже если я сделаю, это все равно не будет проще, чем сейчас сделано здесь (а наверняка будет еще сложнее). Если бы все так просто было, то движком интернет-магазинов на JS было бы полно. А ты попробуй хоть пяток их найти... Их отсутствие как бы намекает...
GraphQL - это всего-лишь язык запросов (по большей степени). Он тоже про базу данных ничего не знает.
Не знаю может я не прав, но если уже компоненты для GraphQL готовы и нужно приконектить все к базе - это же гораздо проще чем с нуля все интерфейсы и компоненты писать.
В общем да, считаю, что эта идея мертвая, потому что это не формочку слепить, а интернет-магазин сделать. И даже если я сделаю, это все равно не будет проще, чем сейчас сделано здесь (а наверняка будет еще сложнее).
Ну так из этого тоже мог бы получится хороший учебный материал в freecode.academy уже все собрано, а какими путями - это собиралось не совсем понятно.
Если бы все так просто было, то движком интернет-магазинов на JS было бы полно. А ты попробуй хоть пяток их найти... Их отсутствие как бы намекает...
Не искал, но раз появился один скоро появятся другие, сам же говоришь технология новая только набирает популярность.
В этом репо есть папка server, если правильно понимаю конектор к MySql https://github.com/happyfisherod/pickbazar
А теперь просто попробуй все это запустить локально.
Админка запускается.
Магаз не запускается нужен ключ.
- Go to /packages/shop folder.
- Copy the contents of .env.local.sample into a new file called .env.local
- Put Your Stripe public api key in the /packages/shop/.env.local file's NEXT_PUBLIC_STRIPE_PUBLIC_KEY key.
Прочекал все открытые репо у всех .env.local в gitignore. Только покупать значит.
Но хотя бы код посмотрели, видно, что нормальный магаз.
>> Прочекал все открытые репо у всех .env.local в gitignore. Только покупать значит.
Вероятно это надо только для платежной системы https://stripe.com/
То есть если покопаться, может получится найти компоненты, которым он нужен, и отключить эти компоненты. То есть урезать функционал, но может все-таки запустится.